2019-02-14 HTML5 visibilitychange 事件

```

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);

        }

      }

    });

```


一个简单的标题跑马灯  

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

页面切回时,重启定时器

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,237评论 1赞 45
  • 第一章 1.什么是DOM DOM: Document Object Model(文档对象模型) 是JavaScri...
    fastwe阅读 907评论 0赞 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,243评论 0赞 2
  • 一、预加载图像 如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。 二、检查图像...
    WarmladyYY阅读 311评论 0赞 1
  • 群论解释了群内的各种变化,而不能解释对于超越既定系统的变化。对于从一个层次转到较高一个层次(从成员转到种类)需要引...
    曾阿紫阅读 458评论 0赞 0

友情链接更多精彩内容