天天看點

JavaScript學習之計時器的用法

在JavaScript中,有兩種計時器,一個是setTimeout(fn,time),另一個是setInterval(fn,time)。time的機關是千分之一秒。

下面來說一下二者的差別:

1.setTimeout:time指延遲時間,即在time時間段後執行指定函數,而且隻執行一次便停止。可用clearTimeout清除計時器。

<script>
    window.onload=function(){
        setTimeout(function (){
            alert(1);
        },2000);
    }
</script>
           

以最簡單的事件為例,執行上面這段代碼,可以很直覺的看出在視窗加載完成之後停頓了2秒之後彈出1,并且隻彈一次。

2.setInterval:time指互動時間,在time時間段内隻能指定函數,并且每隔time時間段執行一次這個函數,為循環執行。可用clearInterval清除計時器。

<script>
   window.onload=function(){
        setInterval(function (){
            alert(1);
        },2000);
    }
</script>
           

而使用setInterval方法,在視窗加載完成之後在2s内彈出1之後按确定鍵之後還會循環執行這段代碼,繼續彈出警示框.

繼續閱讀