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

2020-09-07  本文已影响0人  喵喵爱吃鱼_

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

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

document.addEventListener("visibilitychange", () => {
  if (!document.hidden) {
    clearInterval(this.timer)
    this.getActivityInfo()
  }
})
上一篇 下一篇

猜你喜欢

热点阅读