3.定时器

3-1 setTimeout 超时调用

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

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

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

3-2 setInterval 间歇调用

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

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

3-2-1 清除定时器

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