JavaScript清除定時器怎么使用

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

setTimeout定時器

window.setTimeout(調(diào)用函數(shù),延時時間);

• 這個window在調(diào)用的時候可以省略

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

• 這個調(diào)用函數(shù)可以直接寫函數(shù) 還可以寫 函數(shù)名

• 頁面中可能有很多的定時器，我們經(jīng)常給定時器加標(biāo)識符

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

setInterval定時器

window.setInterval(調(diào)用函數(shù),延時時間);

• window可以省略

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

• 間隔的毫秒數(shù)省略默認(rèn)是О，如果寫，必須是毫秒，表示每隔多少毫秒就自動調(diào)用這個函數(shù)。

• 因為定時器可能有很多，所以我們經(jīng)常給定時器賦值一個標(biāo)識符。

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

clearTimeout清除定時器

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

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

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

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

clearInterval清除定時器

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

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

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

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

示例如下：

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

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

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

直接創(chuàng)建一個定時器然后挨個刪除

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