3、定时器

4-1 setTimeout 超时调用

特点：间歇一段时间，只会触发一次

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

//使用递归 让超时调用实现间歇调用
        function show(){
            setTimeout(function(){
                console.log(1);
                show();
            },1000)
        }
        show()

4-2 setInterval 间歇调用

特点：每间隔一段时间就会触发

setInterval(function(){
  console.log("world");
},2000)

4-3 清除定时器

定时器会有一个id值，记录它在内存中的位置
如果想清除定时器,只需要使用clearInterval()方法,清除这个id值就可以了
clearTimeout()

<button id="btn">停止定时器</button>
    <script>
        var btn = document.getElementById("btn")
        var timer = setInterval(function(){
            console.log(2);
        },1000)
        btn.onclick = function(){
            clearInterval(timer)
        }
    </script>