iphone休眠模式下，js定时器无法执行

最新推荐文章于 2024-01-12 15:39:05 发布

hcl1687

最新推荐文章于 2024-01-12 15:39:05 发布

阅读量4.9k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/hcl1687/article/details/47343553

版权

本文探讨了在iPhone休眠模式下，JavaScript定时器停止运行的现象。当设备锁屏后，Safari会终止任何运行的javascript进程，导致例如倒计时等任务在锁屏期间不继续执行。解决方案和背后的原因被提及。

摘要由CSDN通过智能技术生成

一、问题现象

一个H5项目中，需要在页面中显示倒计时信息。然后发现在iphone、ipad中，锁屏一段时间后再打开，锁屏那段时间并没有倒计时。代码如下：

function throttle(method, context) {
  clearTimeout(method.tId);
  method.tId = setTimeout(function () {
    method.call(context);
  }, 1000);
}
function timeHandler() {
  var that = this;
  $.each(config.arrRemainTime, function (key, item) {
    if (item.time > 0) {
      item.time = item.time - 1;
      //显示倒计时
      
      that.throttle(that.timeHandler, that);
    }
  });
}

throttle(this.timeHandler, this);

二、原因分析

google后，找到一篇文章：http://stackoverflow.com/questions/7047989/javascript-stops-as-i-lock-iphone-can-it-still-run

原因如下：