Html
    Css
    Js

    
                        

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

js切换页面,暂停倒计时功能代码

更新时间:2021-08-23 00:58:06

1.点击页面按钮,执行倒计时功能;
2.切换页面之后就自动暂停倒计时;
3.切换回来之后自动继续倒计时

2
      半醒狐狸1
      2021/8/25 8:11:26
      有个bug,当按钮多次点击的时候,他会执行多次计时,按钮上的数字会一直在变
          骑扫帚的小毛驴0
          2021/8/28 16:55:31

          确实是的,这个没注意到,感谢提出问题哈!我没找到修改的地方。。

          function handletimer(i) {
              document.getelementbyid('timer').onclick = ""
              let stop = false;
              let tmp =  setinterval(() => {
                  if (document.hidden) {
                      stop = true
                      return
                  }
                  if (!document.hidden) {
                      stop = false
                  }
                  if (!stop) {
                      i -=1;
                      if (i===0) {
                          i =60
                          clearinterval(tmp)
                          document.getelementbyid('timer').setattribute("onclick","handletimer(60)") 
                      }
          
                      document.getelementbyid('timer').innerhtml=    `倒计时:${i}`
                  }
              }, 1000);
          }
      回复