首頁  >  文章  >  web前端  >  JavaScript 中 setTimeout 函數怎麼用?

JavaScript 中 setTimeout 函數怎麼用?

Guanhui
Guanhui原創
2020-06-24 15:48:094443瀏覽

在JavaScript中setTimeout函數的作用是在指定的毫秒數後調用函數或計算表達式,其語法為“setTimeout(func,ms)”,返回值是一個ID,可以將這個ID傳遞給“clearTimeout”函數來取消執行。

JavaScript 中 setTimeout 函數怎麼用?

瀏覽器支援

方法 #Chrome Internet Explorer / Edge Firefox Safari Opera
setTimeout() 1.0 4.0 1.0 1.0 4.0

範例代碼

3 秒(3000 毫秒)後彈出"Hello" :

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn