天天看点

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之后按确定键之后还会循环执行这段代码,继续弹出警示框.

继续阅读