JavaScript定时器

1.setTimeout() 定时器

•  window.setTimeout(调用函数，延时时间) 
•  这里面调用的函数为回调函数，callback
•  window在调用时候可忽略
•  延时时间单位为毫秒 2000ms = 2s
•  调用函数可直接写函数或者写函数名
•  页面有很多定时器，经常给定时器取好名字

定时器使用实例

time1=setTimeout(function() {
    alert("时间到1");
},2000)

2.停止setTimeout() 定时器

•  window.clearTimeout(定时器名称);

time2=setTimeout(function() {
    alert("时间到2");
},5000)// 这里定义一个定时器 time2

var btn = document.querySelector("button");
btn.addEventListener('click',function() {
    window.clearTimeout(time2);// 停止定时器 time2
})

3.setInterval() 定时器

• window.setInterval(回调函数,[间隔的毫秒数]);
• 表示间隔多少秒就调用这个函数,重复调用

window.setInterval(function() {
        console.log("调用一次");
 },2000);

4.清除setInterval()定时器

•  window.clearInterval(定时器名称);

var begin = document.querySelector(".begin");
var stop = document.querySelector(".stop");
begin.addEventListener("click", function () {
    time3 = setInterval(function () {
        console.log("已开启定时器，1s一次");
    }, 1000);// 定义定时器 time3
});
stop.addEventListener("click", function () {
    window.clearInterval(time3);// 清除定时器 time3
});