setInterval和setTimeout區(qū)別(驗證碼倒計時)

DangoSky 發(fā)布于2019-08-01 15:56 / 3227人閱讀

摘要：寫了一個驗證碼倒計時的小來幫助記憶和區(qū)別和。獲取驗證碼獲取驗證碼重復循環(huán)計時，需要清除計時器獲取驗證碼后重獲倒計時只重復一次，計時需要反復調(diào)用獲取驗證碼后重獲如上代碼所示，會自動重復，不會重復。可多用于延遲操作，多用于重復進行某操作。

寫了一個驗證碼60s倒計時的小demo來幫助記憶和區(qū)別setInterval和setTimeout。

html

//setInterval重復循環(huán)計時，需要清除計時器 (clearInterval)
function getTime1(){
    var time1=60;
    var val="";

    codeTimes=setInterval(function() { 
        if(time1<=0){
            clearInterval(codeTimes);
            $("input#btn1").val("獲取驗證碼btn1");
            $("input#btn1").attr("disabled",false);
        }else{
            time1--;
            val=time1+"后重獲";
            $("input#btn1").val(val);
            $("input#btn1").attr("disabled",true);
        }
        
    },1000);
}

// setTimeout倒計時,只重復一次，計時需要反復調(diào)用

var time2=60;
function getTime2() { 
    if (time2 <= 0) { 
        $("input#btn2").val("獲取驗證碼btn2");
        $("input#btn2").attr("disabled",false);
        time2 = 60; 
    } else { 
        time2--;
        val=time2+"后重獲";
        $("input#btn2").val(val);
        $("input#btn2").attr("disabled",true);
        setTimeout(function() { 
            gettime() 
        },1000)
    } 
    
}

1.如上代碼所示，setInterval會自動重復，setTimeout不會重復。setInterval每隔指定的時間就執(zhí)行對應的函數(shù)或代碼，所以會使用到clearInterval來清除取消setInterval()設定的定時操作

2.而setTimeout只執(zhí)行一次，所以，在進行計時操作的時候，需要重復調(diào)用函數(shù)。

3.setTimeout可多用于延遲操作，SetInterval多用于重復進行某操作。

云服務器 GPU云服務器驗證碼倒計時 iOS驗證碼倒計時 js驗證碼倒計時手機號和驗證碼

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/50211.html

setInterval和setTimeout區(qū)別(驗證碼倒計時)

摘要：寫了一個驗證碼倒計時的小來幫助記憶和區(qū)別和。獲取驗證碼獲取驗證碼重復循環(huán)計時，需要清除計時器獲取驗證碼后重獲倒計時只重復一次，計時需要反復調(diào)用獲取驗證碼后重獲如上代碼所示，會自動重復，不會重復?？啥嘤糜谘舆t操作，多用于重復進行某操作。寫了一個驗證碼60s倒計時的小demo來幫助記憶和區(qū)別setInterval和setTimeout。 html js //setInterva...

劉福 2019-08-20 12:15 評論0 收藏0
2017拼多多前端筆試

摘要：但是如果一個值不再用到了，引用次數(shù)卻不為，垃圾回收機制卻無法釋放這塊內(nèi)存，從而導致內(nèi)存泄漏。內(nèi)存泄漏垃圾回收語言的內(nèi)存泄漏主因是不需要的引用。常見內(nèi)存泄漏意外的全局變量處理未定義變量的方式比較寬松未定義的變量會在全局對象創(chuàng)建一個新變量。簡答題： settimeout 與 setInterval的區(qū)別，及對他們的內(nèi)存的分析區(qū)別 setTimeout是在一段時間后調(diào)用指定函數(shù)（僅一...

Jioby 2019-08-01 17:20 評論0 收藏0
2017拼多多前端筆試

摘要：但是如果一個值不再用到了，引用次數(shù)卻不為，垃圾回收機制卻無法釋放這塊內(nèi)存，從而導致內(nèi)存泄漏。內(nèi)存泄漏垃圾回收語言的內(nèi)存泄漏主因是不需要的引用。常見內(nèi)存泄漏意外的全局變量處理未定義變量的方式比較寬松未定義的變量會在全局對象創(chuàng)建一個新變量。簡答題： settimeout 與 setInterval的區(qū)別，及對他們的內(nèi)存的分析區(qū)別 setTimeout是在一段時間后調(diào)用指定函數(shù)（僅一...

caiyongji 2019-08-20 18:30 評論0 收藏0
2017拼多多前端筆試

摘要：但是如果一個值不再用到了，引用次數(shù)卻不為，垃圾回收機制卻無法釋放這塊內(nèi)存，從而導致內(nèi)存泄漏。內(nèi)存泄漏垃圾回收語言的內(nèi)存泄漏主因是不需要的引用。常見內(nèi)存泄漏意外的全局變量處理未定義變量的方式比較寬松未定義的變量會在全局對象創(chuàng)建一個新變量。簡答題： settimeout 與 setInterval的區(qū)別，及對他們的內(nèi)存的分析區(qū)別 setTimeout是在一段時間后調(diào)用指定函數(shù)（僅一...

genefy 2019-08-29 13:04 評論0 收藏0
JS 異步的實現(xiàn)

摘要：由于引擎同一時間只執(zhí)行一段代碼這是由單線程的性質(zhì)決定的，所以每個代碼塊阻塞了其它異步事件的進行。這意味著瀏覽器將等待著一個新的異步事件發(fā)生。異步的任務執(zhí)行的順序是不固定的，主要看返回的速度。我們經(jīng)常說JS是單線程的，比如node.js研討會上大家都說JS的特色之一是單線程的，這樣使JS更簡單明了，可是大家真的理解所謂JS的單線程機制嗎？單線程時，基于事件的異步機制又該當如何，這些知識...

sihai 2019-08-22 11:14 評論0 收藏0