ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptタイマーの詳しい説明

JavaScriptタイマーの詳しい説明

高洛峰
高洛峰オリジナル
2016-11-26 10:05:211443ブラウズ

JavaScript には、タイマー用の 2 つの専用関数があります:

1. カウントダウン タイマー: timename=setTimeout("function();",laytime);

2. );",laytime);

Function() は、タイマーがトリガーされたときに実行されるイベント関数です。 1 つの関数、複数の関数、または JavaScript ステートメントを使用できます。ミリ秒単位で。

カウントダウンタイマーは指定した時間後にイベントをトリガーしますが、ループタイマーは間隔が来ると繰り返しイベントをトリガーします。違いは、前者は一度だけ動作するのに対し、後者は継続的に動作することです。

カウントダウンタイマーは一般に、ページを一度だけトリガーする必要がある場合に使用されます。たとえば、ボタンをクリックした後、一定時間後にページが対応するサイトにジャンプするかどうかを判断するためにも使用できます。訪問者があなたのサイトに「常連客」である場合は、5 秒または 10 秒で対応するサイトにジャンプし、将来戻ってきたら、どこかの特定のボタンを押してすぐにアクセスできることを伝えます。 。

ループ タイマーは通常、JavaScript スクロール バーやステータス バーなど、サイト上で繰り返し実行する必要がある効果に使用され、ページの背景を飛んでいる雪の絵を表すために使用することもできます。これらのイベントは一定の間隔で実行する必要があります。

追加されたタイマーを削除したい場合もあります。この場合、clearTimeout(timename) を使用してカウントダウン タイマーをオフにし、clearInterval(timename) を使用してループ タイマーをオフにすることができます。


例 1:

例 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:

< ="setInterval('scroll()',500)">


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。