ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で setTimeout 関数を使用するにはどうすればよいですか?

JavaScript で setTimeout 関数を使用するにはどうすればよいですか?

Guanhui
Guanhuiオリジナル
2020-06-24 15:48:094448ブラウズ

JavaScript の setTimeout 関数は、指定したミリ秒後に関数または計算式を呼び出します。その構文は "setTimeout(func,ms)" です。戻り値は ID であり、渡すことができます。実行をキャンセルする「clearTimeout」関数。

JavaScript で setTimeout 関数を使用するにはどうすればよいですか?

#ブラウザのサポート

方法Chrome Internet Explorer / EdgeFirefoxSafariOperasetTimeout()1.04.01.01.04.0

コード例

「Hello」は 3 秒 (3000 ミリ秒) 後にポップアップ表示されます:

var myVar; 
function myFunction() {
    myVar = setTimeout(alertFunc, 3000);}
 function alertFunc() {
    alert("Hello!");}

2、4、6 秒の時点で入力ボックスのテキストを変更します:

var x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 秒" }, 2000);
setTimeout(function(){ x.value = "4 秒" }, 4000);
setTimeout(function(){ x.value = "6 秒" }, 6000);

関数の実行を防ぐには、clearTimeout() を使用します:

var myVar;
 
function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
 
function myStopFunction() {
    clearTimeout(myVar);
}

推奨チュートリアル: 「

JS チュートリアル

以上がJavaScript で setTimeout 関数を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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