定时器

　　window对象给我们提供了两个非常好用的定时器

setTimeout()

是回调函数callback

1 setTimeout(调用函数,[延迟毫秒数]); 用于设置一个定时器，该定时器在定时器到期后执行调用函数

2.调用函数可以直接写函数，或者函数名或者采取字符串'函数名()'三种形式，第三种不推荐

3.延迟毫秒数默认是0，如果写，必须是毫秒为单位

4.因为定时器可能有很多，所以我们经常给定时器赋值一个标识符

5.清除定时器 window.clearTimeout(timeout ID) 里面的参数就是定时器的标识符，window可以省略

setTimeout(function() {

console.log('时间到了3s');

}, 3000);

function fn() {

console.log('时间到了2s');

};

setTimeout(fn, 2000);

</script>

setInterval()

1.window.setInterval(回调函数,[间隔的毫秒数])；

2.setInterval()重复调研一个函数，每隔这个时间，就去调用一次回调函数

3.清除setInterval() ： window.clearInterval(timeout ID)

倒计时案例

<div>

</div>

var hour = document.querySelector('.hour');

var minute = document.querySelector('.minute');

var second = document.querySelector('.second');

var inputTime = +new Date('2020-8-20 20:00:00');

function countDown() {

var nowTime = +new Date();

var timeDelta = (inputTime - nowTime) / 1000; //返回秒数

// var d = parseInt(timeDelta / 60 / 60 / 24);

// d = d < 10 ? '0' + d : d;

var h = parseInt(timeDelta / 60 / 60 % 24);

// console.log(h);

h = h < 10 ? '0' + h : h;

hour.innerHTML = h;

var m = parseInt(timeDelta / 60 % 60);

m = m < 10 ? '0' + m : m;

minute.innerHTML = m;

var s = parseInt(timeDelta % 60);

s = s < 10 ? '0' + s : s;

second.innerHTML = s;

}

countDown();

setInterval(countDown, 1000);

</script>