定时器setTimeout校准(JS闭包)

本文介绍如何在JavaScript中使用闭包技巧实现定时器,通过获取系统时间修正执行时间,补偿因环境差异造成的偏差,保证函数执行次数准确计数。
摘要由CSDN通过智能技术生成

每次执行定时器后,都获取系统时间进行修正,对后面运行时间有一个补偿。

 function timer(){
  //闭包环境下的变量
    var speed = 1000, counter = 1, start = new Date().getTime();
    function calibration () {
        //理想状态下,定时器总执行时间
        var ideal = counter * speed,
            //实际执行时间
            real = (new Date().getTime() - start),
            //偏差值,正常情况下,会一直往后延迟
            diff = (real - ideal);
        //执行次数+1
        counter++;
        //补偿偏差
        window.setTimeout(function () { calibration(); }, (speed - diff));
    };
    //第一次执行
    window.setTimeout(function () { calibration(); }, speed);
},

在js中所有函数都可以访问上一层作用域,父函数中定义子函数,子函数可以访问父函数中的值,子函数相当于一个闭包函数。父函数调用子函数进行计数,counter不会被重置,且不能被外部所改变,只有重新调用父函数,才会重置

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值