JavaScript 计时时间-window方法

setTimeout() -定时执行

• myVar= window.setTimeout(function, milliseconds);
  • function：调用的函数
  • milliseconds：从当前起多少毫秒后执行第一个参数
• setTimeout(function(){alert("Hello")},3000);
• setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 myVar 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。

clearTimeout() -停止执行

• clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。
• window.clearTimeout(timeoutVariable)
• window.clearTimeout() 方法可以不使用window 前缀。
• 要使用clearTimeout() 方法, 你必须在创建超时方法中（setTimeout）使用全局变量:myVar=setTimeout("javascript function",milliseconds);
• 如果函数还未被执行，你可以使用 clearTimeout() 方法来停止执行函数代码。

点击第一个按钮等待3秒后出现"Hello"弹框。
点击第二个按钮来阻止第一个函数运行。（你必须在3秒之前点击它）。
点我
停止弹框

const week = ['天', '一', '二', '三', '四', '五', '六'],
    dom = document.getElementById("dateTxt"),
    checkTime = i => (i < 10) ? `0${i}` : i; // 在小于10的数字前加一个‘0’
let today;

function startTime() {
    today = new Date();
    dom.innerHTML = `星期${week[today.getDay()]} ：${checkTime(today.getHours())}:${checkTime(today.getMinutes())}:${checkTime(today.getSeconds())}`;
}
setInterval(startTime, 500); //循环计时
// 显示样式：星期五：10:12:21

setInterval()-定时循环执行

• setInterval() 间隔指定的毫秒数不停地执行指定的代码
• window.setInterval(function,milliseconds);
  • function：调用的函数
  • milliseconds：间隔的毫秒数
• window.setInterval()方法可以不使用 window 前缀，直接使用函数 setInterval()。
• setInterval(function(){alert("Hello")},3000);//每三秒弹出一个hello

在页面显示一个时钟

clearInterval() -停止执行

• clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
• window.clearInterval(intervalVariable)
• window.clearInterval()方法可以不使用window前缀，直接使用函数clearInterval()。
• 要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量：myVar = setInterval(function,milliseconds);