美文网首页
js倒计时锁屏解决方案

js倒计时锁屏解决方案

作者: kate2020 | 来源:发表于2017-11-06 17:13 被阅读327次
// 两个倒计时 一个锁屏时调用 一个非锁屏时调用 放在闭包中阻止自执行
  var a = function () {setInterval(function(){
        timer()
      }, 1000)
    }
  var b = function () {setInterval(function(){
        timer()
      }, 1000)
    }

  // 判断系统
  var hidden, visibilityChange; 
  if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
  } else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
  } else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
  }
  
  // 锁屏和非锁屏执行逻辑
  function handleVisibilityChange() {
    if (document.hidden) {
      b()
    } else {
      a()
    }
  }
  
  // 添加监听事件
  if (typeof document.addEventListener === "undefined" || typeof document[hidden] === "undefined") {
    
  } else {
    document.addEventListener(visibilityChange, handleVisibilityChange(), false);
  }

相关文章

网友评论

      本文标题:js倒计时锁屏解决方案

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