js计时器方法

计时器方法:

一、计时器方法概述

计时器方法可以实现在指定的时间过后，单次或重复调用函数的功能，setTimeout可以实现函数在指定毫秒数后单次执行，setInterval可以实现函数在指定毫秒数后重复执行，语法如下所示：

setTimeout(function(){
    //一秒后执行
},1000);
​
setInterval(function(){
    //一秒后执行，并且每隔一秒重复执行
},1000)

二、setTimeout

下面我们来实现一个效果，页面加载3秒后在控制台输出hello world

setTimeout(function(){
    console.log("hello world");
},3000)

当计时器开始计时后，我们可以使用clearTimeout方法让计时器停下来，下面我们来定义一个按钮，当页面加载后，如果我们在3秒钟之内点击按钮，计时器会停止，不会输出hello world，如果不点击按钮，3秒钟之后就会输出hello world

var btn = document.querySelector("button");
var t = setTimeout(function(){
    console.log("hello world");
},3000)
btn.onclick = function(){
    clearTimeout(t);
}

setTimeout方法会返回一个