定时器和计时器的区别

定时器 -----  setTimeout()

        设定时间在多长时间以后才执行。

var time = setTimeout(function(){
     console.log("我执行了函数");
},1000)
    console.log(time);

其中的1000是1000毫秒，也就是一秒。相当于在一秒之后执行该函数，执行一次之后便停止执行了。

语法是：setTimeout(要执行的函数，多长时间以后执行)

如果想要点击按钮结束定时器的执行可执行以下代码：

执行函数是：clearTimeout()

var btn = document.getElementById("btn")
btn.onclick = function(){
    clearTimeout(time)
}

---

计时器 ---- setInterval()

        设定每间隔多长时间执行一次函数。

var end = setInterval(function(){
      console.log("我执行了函数")
},1000)
       console.log(end)

其中的1000也是1000毫秒，也就是一秒。相当于每间隔一秒执行该函数，并且一直执行。

语法是：setInterval(要执行的函数，间隔多少时间)

如果想要点击按钮结束定时器的执行可执行以下代码：

执行函数是：clearInterval()

var btn = document.getElementById("btn")
btn.onclick = function(){
    clearInterval(end)
}