定时器和延迟器

目录

定时器

延时器

定时器和延时器都是异步语句

定时器

setInterval(function(){}）,每次程序执行的时间)，可以调用该函数给变量赋值，相当于给定时器命名

clearInteral 清楚定时器

<h1 id="jishu">0</h1>
    <button id="btn1">开始</button>
    <button id="btn2">停止</button>
    <script>1
        var oJishu =document.getElementById("jishu");
        var oBtn1 =document.getElementById("btn1");
        var oBtn2 =document.getElementById("btn2");
        var i=0;
        // time要设置成全局变量，这样开始和结束两个函数都可以调用
        var time;
        oBtn1.onclick = function(){
            // 避免定时器叠加
            clearInterval(time);
            time = setInterval(function(){
            // i++;
            oJishu.innerText=i++;
        },100);
        }
        oBtn2.onclick= function(){
            clearInterval(time);
        }