ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript タイマーの setTimeout() と setInterval() の詳細な説明

JavaScript タイマーの setTimeout() と setInterval() の詳細な説明

黄舟
黄舟オリジナル
2017-08-20 10:12:381677ブラウズ

この記事では、主に 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 サイトの他の関連記事を参照してください。

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