美文网首页
2019-02-14 HTML5 visibilitychang

2019-02-14 HTML5 visibilitychang

作者: 击石乃有火 | 来源:发表于2019-02-14 10:32 被阅读0次

    ```

    document.addEventListener('visibilitychange', () => {

          if (document.hidden === true) {

            // 页面被挂起

            clearInterval(timer);

          } else {

            // 页面由挂起被激活

            if (this.parameBtn) {

              let tempLeft = 0;

              clearInterval(timer);

              // 滚动定时器

              timer = setInterval(() => {

                if (tempLeft <= this.boxW * -1) {

                  // 消失在视野后 从后面进入继续滚动

                  tempLeft = 290;

                }

                tempLeft += -1;

                this.parameBtnLeft = tempLeft;

              }, 10);

            }

          }

        });

    ```


    一个简单的标题跑马灯  

    当页面切换的时候 ,清除定时器

    页面切回时,重启定时器

    解决切换页面时定时间累计及停止的问题

    相关文章

      网友评论

          本文标题:2019-02-14 HTML5 visibilitychang

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