ios系统setInterval倒计时在页面挂起时暂停的问题

在开发一个h5活动的倒计时功能中, 使用了setInterval, 遇到在ios系统中页面挂起时, 倒计时功能就暂停不计时的问题, 用了以下的方法解决的

用的vue开发的, 在mounted中写入以下代码, 监听document.hidden, 判断页面的挂起(隐藏)和显示, 如果页面显示(!document.hidden), 则清除旧的定时器timer, 重新调用接口getActivityInfo获取服务器中的活动时间

document.addEventListener("visibilitychange", () => {
  if (!document.hidden) {
    clearInterval(this.timer)
    this.getActivityInfo()
  }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容