javascript中,如何用setTimeout函数模拟实现setInterval函数?

talk is cheap:

var util = (function(){
    //定义intervalObj对象,用于保存intervalId映射到真实timeoutId
    var intervalObj = {}
    //每调用一次_setInterval就会自增1的一个intervalId
    var intervalId = 0

    var _setInterval = function(fn, interval){
        //这里注意要使用局部变量保存intervalId哦,避免next函数内部直接引用intervalId,因为intervalId可能会再次变化
        var thisIntervalId = ++intervalId
        function next(){
            intervalObj[thisIntervalId] = setTimeout(function(){
                fn()
                next()
            }, interval)
        }
        next()
        return thisIntervalId
    }

    var _clearInterval = function(intervalId){
        clearTimeout(intervalObj[intervalId])
    }

    return {setInterval: _setInterval, clearInterval: _clearInterval}

})()

说明:使用时除了需要加上一个util对象做命名空间外(其实也是没办法哦,因为util.setInterval和util.clearInterval需要共享一个叫做intervalObj的映射表),其他与直接调用原生setInterval,clearInterval无异

举个栗子?:

//开始一个定时执行函数
var intervalId = util.setInterval(function(){
    console.log('a')
}, 1000)

//10秒之后,清除掉定时器
setTimeout(function(){
    //实际清除代码
    util.clearInterval(intervalId)
}, 10000)

各路大神如果其他解决方案,请一定要留言赐教,并收下我的膝盖

    原文作者:Happi
    原文地址: https://segmentfault.com/a/1190000010983392
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞