1.setTimeout()
window.setTimeout(调用函数,[延迟的毫秒数]);//也称为回调函数callback,需要等待时间,时间到了才去执行这个函数。当延迟毫秒数到了就执行调用函数,只能执行一次,window可省略。调用函数可以写函数名。定时器可能有很多,一般会命名。
window.clearTimeout(timeoutID)//停止定时器
2.setInterval()
window.setInterval(回调函数,[间隔的毫秒数])//setInterval和setTimeout的区别:前者每隔延时时间,就去调用这个函数,会调用很多次,重复调用这个函数,后者延时时间到了,就去调用这个函数,只调用一次,就结束了这个定时器
window.clearInterval//停止定时器 下一次停止 马上停止要加一个return
//练习:活动开始倒计时
function fn() {
var nowtime = new Date();
var time = new Date("2022 / 06 / 29");
var times = time - nowtime;
var times_day = Math.floor(times / 1000 / 60 / 60 / 24);
var times_Houer = Math.floor(times / 1000 / 60 / 60);
var times_Min = Math.floor(times / 1000 / 60) - 60 * times_Houer;
var times_Se =
Math.floor(times / 1000) -
(3600 * 24 * times_day + 3600 * times_Houer + 60 * times_Min);
console.log(
"活动开始还有:" +
times_day +
"天" +
times_Houer +
"小时" +
times_Min +
"分钟" +
times_Se +
"秒"
);
}
setInterval(fn, 100);