定时器-setInterval和setTimeout

 

window提供了两个方法

 setInterval(函数,毫秒) - 让一个函数，每隔一段时间就调用一次

var a = 1
 function fn(){
      console.log(123);
    a++;
      console.log(a);
    box.innerText = a;
}

 setInterval(fn,1000)

注意：一般不使用这种方法！

一般直接适应setlnterval

setInterval(function(){
   console.log(111);
 },2000)

·用定时器做的时钟：

var a = setInterval(function(){
    var date = new Date()
    var hour = date.getHours()
    var minute = date.getMinutes()
    var second = date.getSeconds()
     box.innerText = '现在是北京时间'+hour+'点'+minute+'分'+second+'秒';
 },1000)

 

定时器会返回一个数字，表示这是当前页面中第几个定时器

 停止 - cleanInterval(定时器的返回值)

var a = setInterval(function(){
    var date = new Date()
     var hour = date.getHours()
     var minute = date.getMinutes()
     var second = date.getSeconds()
    box.innerText = '现在是北京时间'+hour+'点'+minute+'分'+second+'秒';
 },1000)
//在body中设置行政一个bottom，停止这个时钟
btn.onclick = function(){
     clearInterval(a)
 }

 

setTimeout(函数,毫秒) - 延迟多长时间执行一个函数

//延迟5秒后输出222
setTimeout (function () {
console.log( 222 );
},5000)

�注意：返回值是代表当前页面中第几个定时器

用返回值clearTimeout （返回值）停止延迟函数，让函数在延迟前停止执行

var a = setTimeout(function(){
console.log(2222);
},3000)
// console.log(a);

// 可以停止定时器
// 在body设置一个bottom
btn.onclick = function(){
// clearTimeout(返回值)
clearTimeout(a)
}