ホームページ > 記事 > ウェブフロントエンド > jsタイマー(1回実行、繰り返し実行)_javascriptスキル
jsタイマー(1回実行、繰り返し実行)_javascriptスキル
- WBOYオリジナル
- 2016-05-16 16:56:291122ブラウズ
1. 1 回だけ実行するタイマー
コードをコピー コードは次のとおりです:
< ;script>
//タイマーは非同期で実行されます
function hello(){
alert("hello");
}
//メソッドを実行するにはメソッド名を使用します
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//文字列実行メソッドを使用します
window.clearTimeout(t1) ;// タイマーを削除します
2、繰り返し実行用のタイマー
コードをコピーします コードは次のとおりです:
<script> <br>function hello(){ <br>alert("hello"); >} <br>//メソッドを繰り返し実行します。 <br>var t1 = window.setInterval(hello,1000); <br>var t2 = window.setInterval("hello()",3000);タイマーを削除する方法<br>window.clearInterval(t1); <br><br> <br><br>注: </div> <br>ページ、両方ともページ内にあります。ロードが完了した後に実行されますが、実際には順番に実行されません。問題を解決するには、次のメソッドを参照してください。 <br> onload メソッドにタイマーを追加できます。 、タイマーを設定し、一定期間「遅延」してから再実行することで、ページの読み込みとメソッドの実行の順序を区別すると考えられます。 <br><br> <br>JavaScript には、タイマー専用の関数が 2 つあります。つまり、<br> <br>1. カウントダウンタイマー: timename=setTimeout("function();",laytime);<p>2. ループタイマー: timename=setInterval("function();",laytime);</p> <p>最初のパラメータ「function()」は、タイマーがトリガーされたときに実行されるアクションです。1 つの関数または複数の関数を「;」で区切ることができます。たとえば、2 つの警告ウィンドウをポップアップ表示したい場合は、「function();」を <br> 「alert('最初の警告ウィンドウ!');alert('2 番目の警告ウィンドウ!');」に置き換えることができます。 2 番目のパラメータ「laytime」はミリ秒単位の間隔時間です。つまり、「5000」と入力すると 5 秒を意味します。 </p> カウントダウン タイマーは指定された時間に達した後にイベントをトリガーしますが、ループ タイマーは間隔が来ると繰り返しイベントをトリガーします。これら 2 つの違いは、前者は 1 回だけ動作するのに対し、後者は継続的に動作することです。 <p>たとえば、ページを開いた後、数秒ごとに別のページに自動的にジャンプしたい場合は、カウントダウン タイマー "setTimeout("function();",laytime)" を使用する必要があります。一度に 1 単語ずつ表示されるように文を設定する場合、<br> ではループ タイマー "setInterval("function();",laytime)" を使用する必要があります。 <br> <br>フォームのフォーカスを取得するには、document.activeElement.id が使用されます。 if を使用して、document.activeElement.id とフォームの ID が同じかどうかを判断します。 <br>例: if ("mid" == document.activeElement.id) {alert();}、「mid」はフォームに対応する ID です。 </p> <p>タイマー: <br> </p> 特定の期間後に実行されるプログラムを指定するために使用されます。 <p> </p>JSでの実行タイミング、setTimeoutとsetIntervalの違い、キャンセル方法<p> </p>setTimeout(Expression,DelayTime)、DelayTime の後に、setTimeout を使用して、操作を実行する前に一定期間遅延させます。 <p>setTimeout("function",time) はタイムアウト オブジェクトを設定します</p> <p>setInterval(expression, lateTime)、Expression は DelayTime ごとに実行されます。<br>setInterval("function", time) はタイムアウト オブジェクトを設定します。</p> <p>SetInterval は自動的に繰り返され、setTimeout は繰り返されません。 <br> </p>clearTimeout(object) は setTimeout オブジェクトをクリアします<p>clearInterval(object) は setInterval オブジェクトをクリアします</p> <p>例を 2 つだけ挙げてみましょう。 <br>例 1. フォームがトリガーまたはロードされると、文字列をそのまま出力します</p> <p><br></p> <p></p> <div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="86633" class="copybut" id="copybut86633" onclick="doCopy('code86633')"><u> コードは次のとおりです。</u></a></span><html></div>< head><div class="codebody" id="code86633"><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br><title>無題ドキュメント</title><br><script language ="JavaScript" type="text/javascript"><br>var str = "これはテスト用のサンプルテキストです";<br>var seq = 0;<br>var Second=1000; //インターバル時間1 秒<br>functionscroll() {<br>msg = str.substring(0, seq 1);<br>document.getElementByIdx_x_x('word').innerHTML = msg;<br>seq;<br>if (seq >= str.length) seq = 0;<br>}<br></script>
例2. 入力ボックスにフォーカスがある場合は定期的に入力ボックスの情報を確認し、フォーカスが無い場合は確認動作を行わない。
コードをコピー コードは次のとおりです:
var Second=5000; //間隔時間 5 秒
var c =0;
functionscroll() {
c ;
if ("b" == document.activeElement.id) {
var str="スケジュールされたチェックセクション " c " Times
";
if(document.getElementByIdx_x_x('b').value!=""){
str ="入力ボックスの現在の内容は現在のコンテンツは
" document.getElementByIdx_x_x('b').value "";
}
document.getElementByIdx_x_x('word').innerHTML = str ;
}
}