如何使用JavaScript中的setTimeout函數

如何使用JavaScript中的setTimeout函數？針對這個問題，這篇文章給出了相對應的分析和解答，希望能幫助更多想解決這個問題的朋友找到更加簡單易行的辦法。

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

語法

setTimeout(code,millisec)

var t = setTimeout("javascript語句", 毫秒)

setTimeout() 方法會返回某個值。在上面的語句中，值被儲存在名為 t 的變量中。假如你希望取消這個 setTimeout()，你可以使用這個變量名來指定它。

setTimeout() 的第一個參數是含有 JavaScript 語句的字符串。這個語句可能諸如 "alert'5 seconds!')"，或者對函數的調用，諸如 alertMsg()"。

第二個參數指示從當前起多少毫秒后執行第一個參數。

瀏覽器支持

示例代碼

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);
}

關于使用JavaScript中的setTimeout函數就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。