ホームページ > 記事 > ウェブフロントエンド > JavaScriptタイマーの詳しい説明
JavaScript には、タイマー用の 2 つの専用関数があります:
1. カウントダウン タイマー: timename=setTimeout("function();",laytime);
2. );",laytime);
Function() は、タイマーがトリガーされたときに実行されるイベント関数です。 1 つの関数、複数の関数、または JavaScript ステートメントを使用できます。ミリ秒単位で。
カウントダウンタイマーは指定した時間後にイベントをトリガーしますが、ループタイマーは間隔が来ると繰り返しイベントをトリガーします。違いは、前者は一度だけ動作するのに対し、後者は継続的に動作することです。
カウントダウンタイマーは一般に、ページを一度だけトリガーする必要がある場合に使用されます。たとえば、ボタンをクリックした後、一定時間後にページが対応するサイトにジャンプするかどうかを判断するためにも使用できます。訪問者があなたのサイトに「常連客」である場合は、5 秒または 10 秒で対応するサイトにジャンプし、将来戻ってきたら、どこかの特定のボタンを押してすぐにアクセスできることを伝えます。 。
ループ タイマーは通常、JavaScript スクロール バーやステータス バーなど、サイト上で繰り返し実行する必要がある効果に使用され、ページの背景を飛んでいる雪の絵を表すために使用することもできます。これらのイベントは一定の間隔で実行する必要があります。
追加されたタイマーを削除したい場合もあります。この場合、clearTimeout(timename) を使用してカウントダウン タイマーをオフにし、clearInterval(timename) を使用してループ タイマーをオフにすることができます。
例 1:
function count() {
setTimeout("alert('あと 3 秒です')",3000)
}
例 2:
<Script><script language="JavaScript" type="text/javascript"></p>
<p><br>var sec = 0 ; <br>timerID = setInterval("count()",1000);</p>
<p>function count() {<br> num.innerHTML = sec++;<br>}</p>
<p></Script>
滞在時間:
0秒
例 3:
var str = "当サイトはネットオークションサイトです、どうぞお買い物をお楽しみください!";
var seq = 0;
functionscroll() {
msg = str .substring(0, seq+1);
banner.innerHTML = msg;
seq++;
if (seq >= str.length) seq = 0;
}
< ="setInterval('scroll()',500)">