JavaScript定时任务&计时事件

• 通过JavaScript，我们可以设定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为定时任务或计时事件
• 关键方法有2个，他们都是window对象的方法
  
  • setInterval() 间隔指定的毫秒数不停地执行指定的代码
  • setTimeout() 在指定的毫秒数后执行指定代码

setInterval() 方法

• 作用：间隔指定的毫秒数不停地执行指定的代码
• 语法：
  

  window.setInterval(“javascript function”, millisecends);

• 第一个参数为函数
• 第二个参数为间隔时间，单位为毫秒
• 第一个参数可以直接写匿名函数

function hitMe () {
    setInterval(function(){console.log(new Date().toLocaleString())}, 1000);
}

• 也可以是调用外面定义的函数，以”函数名()”的方式调用

function hitMe2 () {
    setInterval("job('张三')", 1000);
}

function job(name) {
    console.log(name + "  起床了。。。");
}

停止setInterval定时任务的方法 clearInterval()

• 要使用clearInterval方法来停止setInterval方法，那么在定义setInterval方式时，就得把他定义为全局变量
• 在停止时，传变量名就OK了

var myInterval = window.setInterval("showTime()", 1000);
function showTime(){
    document.getElementById("showTime2").innerHTML = new Date().toLocaleString();
}

function stopMyInterval(){
    clearInterval(myInterval);
}

setTimeOut()方法

• 作用：在指定的毫秒数后执行指定代码
• 参数、用法都与setInterval一致
• 停止 clearTimeOut();