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)

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值