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();