JavaScript清除定時器怎么使用

這篇文章主要介紹“JavaScript清除定時器怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript清除定時器怎么使用”文章能幫助大家解決問題。

setTimeout定時器

window.setTimeout(調用函數,延時時間);

• 這個window在調用的時候可以省略

• 這個延時時間單位是毫秒 但是可以省略，如果省略默認的是0

• 這個調用函數可以直接寫函數 還可以寫 函數名

• 頁面中可能有很多的定時器，我們經常給定時器加標識符

         setTimeout(function(){
            console.log('你好');
         },2000);//2秒后才在控制臺輸出  你好

setInterval定時器

window.setInterval(調用函數,延時時間);

• window可以省略

• 這個調用函數可以直接寫函數，或者寫函數名或者采取字符串'函數名0’三種形式。

• 間隔的毫秒數省略默認是О，如果寫，必須是毫秒，表示每隔多少毫秒就自動調用這個函數。

• 因為定時器可能有很多，所以我們經常給定時器賦值一個標識符。

        setInterval(function(){
            console.log('你好');
        },2000)//每隔2秒在控制臺輸出一次你好，不清除定時器會一直運行

clearTimeout清除定時器

從單詞就可以看出clearTimeout是用來清除第一種定時器的；

需要給需要清除的定時器起個名字；

語法：clearTimeout(定時器的名字)

        var timer = setTimeout(function() {
            console.log('你好!');
        },5000);
        clearTimeout(timer);//上面一個定時器就不會在執行程序

clearInterval清除定時器

跟上面一個定時器一樣，用來清除setInterval定時器的，

也需要給定時器起一個名字，

語法：clearInterval(定時器的名字)

        var times = setInterval(function(){
            console.log('你好!');
        },1000);
        setTimeout(function(){
            clearInterval(times); //5秒后清除定時器
        },5000);

示例如下：

我們有時候會寫多個定時器，在創建定時器并沒有用變量保存，這時我們就無法直接清除它了。那么我們就可以寫一個清除頁面中所有定時器的方法

要清除定時器，你先要了解返回值是什么

了解setInterval的返回值是一個代表定時器的數值型，而且這個數值還是按照定時器創建的先后順序從1開始遞增的，知道這個順序后那么我們清除頁面中所有定時器的需求就不難實現了

直接創建一個定時器然后挨個刪除

關于“JavaScript清除定時器怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。