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

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

作者: 喵喵爱吃鱼_ | 来源:发表于2020-09-07 14:45 被阅读0次

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

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

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/enzkektx.html