利用setTimeout和clearTimeout封装setInterval和clearInterval

方法一:

function SetInterval(fun, sec){
    function recFun(){
        fun();
        this.id = setTimeout(recFun, sec);//将任务的标识符记录在timer对象中
    }
    this.stop = function(){
        clearTimeout(this.id);//取消下一个任务的执行
    }
    this.start = function(){
        if(typeof this.id === "undefined"){
            recFun = recFun.bind(this); //将递归函数的this引用和当前对象即timer绑定
            recFun();
        }
    }
}
/*测试*/
var timer = new SetInterval(() => console.log("?"), 1000);
timer.start();
setTimeout(() => timer.stop(), 5000);

方法二:

function setInter(opFun,n=0,du,stopNum) { 
    setTimeout(function fn (){ 
        n+=1
        opFun()
        if(n<stopNum){
            setTimeout(fn, du);
        }
    },du)
}

let one = 1
setInter(0,()=> {one+=1;console.log(one)},1000,15)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值