使用setTimeout代替setInterval

最新推荐文章于 2022-07-12 08:03:58 发布

原创最新推荐文章于 2022-07-12 08:03:58 发布 · 881 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#setTimeout代替setInterval

本文介绍了两种使用JavaScript实现定时器的方法，通过递归调用和自身引用的方式，实现了定时打印递增数字的功能，直到达到设定次数后停止。

欢迎大家一起交流学习n(*≧▽≦*)n

方法一：
    let time = setTimeout(function () {
        index++;
        if (index >= 5) {
            clearTimeout(time);
        } else {
            console.log(index)
            time = setTimeout(arguments.callee, 1000);
            // arguments主要用途是保存函数参数,callee 属性返回正被执行的 Function 对象，这有利于匿名函数的递归或者保证函数的封装性。
        }
    }, 1000);


方法二：
    function setTimeouts(num) {
        num++;
        let time;
        if(num>=5) {
            clearTimeout(time);
        }
        else {
            time = setTimeout(function () {
                console.log(num);
                setTimeouts(num)
            }, 1000);
        }
    }
    setTimeouts(0);