定时器

window对象中的定时器方法

setTimeout(callback, time);

setTimeout(function() {}, time)

作用：超时调用，仅执行一次 。定时炸弹

参数：

callback，函数，表示超时时要执行的程序。

time，数字，表示毫秒数

返回值：返回一个数字，标识这一个定时器。

 

清除setTimeout定时器

语法：clearTimeout(定时器数字标识);

代码:

<script>
    // 创建一个定时器，并用变量接收定时器返回的标识。
    var flag = setTimeout(function () {
        alert('爆炸');
    }, 3000);
    // 获取按钮元素
    var stop = document.getElementById('stop');
    // 给按钮元素注册点击事件
    stop.onclick = function () {
        // 清除定时器
        clearInteout(flag);
    };
</script>

 

setInterval(callback, time);

作用：超时调用，重复执行（每间隔一段时间执行一次）。 定时闹钟

参数：

callback，函数，表示超时时要执行的程序。

time，数字，表示毫秒数

返回值：返回一个数字，标识这一个定时器。

 

清除setInterval定时器

语法：clearInterval(定时器数字标识);

注意: 在点击事件中使用setInterval 为了防止多次调用 要先清一次定时器

<script>
    // 创建一个定时器，并用变量接收定时器返回的标识。
    var flag = setInterval(function () {
        alert('爆炸');
    }, 3000);
    // 获取按钮元素
    var stop = document.getElementById('stop');
    // 给按钮元素注册点击事件
    stop.onclick = function () {
        // 清除定时器
        clearInterval(flag);
    };
</script>

 

 

 

定时器