手机灭屏，js定时器停止计算

最新推荐文章于 2025-11-08 00:23:46 发布

原创最新推荐文章于 2025-11-08 00:23:46 发布 · 5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这篇博客探讨了在手机灭屏时如何处理JavaScript定时器。通过设置时间戳并监听设备状态变化，可以在设备再次亮屏时准确计算并补偿灭屏期间的时间，确保定时任务的连续性。

原理：设立时间戳，全局设置监听，把灭屏的时间计算出来，再次亮屏时加上该段时间

var betweenTime = 0;
var b=0;
var num = 0;
document.addEventListener('webkitvisibilitychange',function()
{
    if(document.webkitVisibilityState=='hidden')
    {
        b=Date.now();
    }else
    {
        var betweenMs = Date.now() - b;
        var  betweens = Math.floor(betweenMs / 1000);
        betweenTime = Math.floor(betweens / 60);
        console.log('间隔:' + betweenTime + '分钟');
        num=betweenTime;
    }
});