2 js定时器

js定时器

基本语法解雇

// window.setInterval("console.log('哈哈哈哈')", 1000);

    /*setInterval(function () {
        console.log('呵呵呵呵');
    }, 1000);*/


    function test() {
        console.log('呵呵呵呵');
    }


    // test();

    setInterval(test, 2000);

设置和清除定时器

// 开启定时器
        btn1.onclick = function () {
             //  设置定时器
            timer = setInterval(function () {
                height += 1;
                console.log("身高是" + height + "cm");
            }, 1000);
        };

        // 结束定时器
        btn2.onclick = function () {
            console.log(timer);
            clearInterval(timer);
        }

防止定时器累加

• 先清除再累加

box.onmouseover = function () {
            // 清除定时器
            clearInterval(timer);

            // 设置定时器
           timer = setInterval(function () {
                height += 1;
                console.log(height);
            }, 1000);
        }