ホームページ > 記事 > ウェブフロントエンド > JavaScript タイマーの setTimeout() と setInterval() の詳細な説明
この記事では、主に JavaScript タイマー setTimeout() と setInterval() の関連情報を詳しく紹介します。興味のある方は参考にしてください。
この記事の具体的なメソッドを共有します。具体的な内容は以下の通りです
1. タイムアウト呼び出し setTimeout()
名前が示すように、タイムアウト呼び出しは、一定時間(何ミリ秒待ってから実行するか)後に呼び出すことを意味します。 code)
setTimeout() は 2 つのパラメータを受け取ることができます:
1. 実行されるコードまたは関数
2. ミリ秒 (コードを実行するまでに待機するミリ秒数)
function test(){ alert("孙悟空"); } setTimeout(test,2000); //2s后弹出 “孙悟空”
clearTimeout()
clearTimeout、未実行の呼び出しをキャンセルするために使用できるタイマーのクリアを示します
var timmer=function test(){ alert("孙悟空"); } setTimeout(test,2000); //2s后弹出 “孙悟空” clearTimeout(timmer); //取消定时器,因为前者在两秒后调用,调用之前已经取消相当于什么也没发生
2. 断続的な呼び出し setInterval()
断続的な呼び出しとは、指定された時間内にコードを繰り返し実行することです。俗語は「a while」です。 一度呼び出され、一度呼び出されます。コードを実行する前に待機します)
function test(){ alert("孙悟空"); } setInterval(test,2000); //每隔2s后弹出一次 “孙悟空”
clearInterval()
clearInterval() は、clearTimeout() と同じ方法で使用され、クリアタイマーメソッドでもあります
var num=0; var max=10; function test(){ num++; if (num==max){ clearInterval(timer); //累加到10时清除清定时器 alert("这里有"+num+"个孙悟空"); //这里有10个孙悟空 } } timer=setInterval(test,500);上記の例では、変数 num は 0.5 秒ごとに増分され、以前に設定されたタイマーは最大値まで増分されるとクリアされます (断続的な呼び出し)。 このモードはタイムアウト呼び出しを使用して実装することもできます
var num=0; var max=10; function test(){ num++; if (num<max){ setTimeout(test,500); }else{ alert("这里有"+num+"个孙悟空") } } setTimeout(test,500);
以上がJavaScript タイマーの setTimeout() と setInterval() の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。