登录 注册

请问页面怎么知道你正在看它？

本贴最后更新于 3402 天前，其中的信息可能已经天翻地覆

我记得以前碰到过一种看广告的网页，要你盯着它看几十秒就给你……（好处）
如果切换到其它网页，计时器就会自动停止，切换回来才继续计时
我（前端小白）现在想把这种技术用到别的地方，请问这是怎么实现的？

  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    8442 引用 • 38441 回帖 • 154 关注
1 收藏
22 回帖
10
7
4
6.9k 29 522 2.2k 1.2k 563 11 1.0k 1.2k

相关帖子

22 回帖
请问页面怎么知道你正在看它？

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • 88250 •
    订阅者

    @Vanessa

  • cppgeek •
    作者

    是要我 @Vanessa？

  • 88250 •
    订阅者

    我已经 @ 她了，她是专门做前端的，应该了解这个

  • cppgeek •
    作者

    我发帖时没注意是 markdown 格式的，没换行，可以修改不？

  • 88250 •
    订阅者

    可以修改啊，你更新就行

  • cppgeek •
    作者

    可以编辑，没法更新，只有预览和编辑
    点编辑出现：文章标题长度 1-255

  • 88250 •
    订阅者

    强制刷新一下编辑页面，然后再试试

  • Vanessa •
    订阅者 付费者

    这个还真没研究过啊。 要是放个 QQ 对话框遮在上面也知道么？

    可以吧网址发来我研究研究。

  • cppgeek •
    作者

    有段时间了，网址我找找
    好像只是网页切换会停止倒计时

  • Vanessa •
    订阅者 付费者

    @cppgeek 那滚动到底部，广告看不见了，还会倒计时么？

  • cppgeek •
    作者

    找到一个：btcclicks.com，你用我的账号登陆：cppgeek，密码 Bitcoin12345
    登陆后选 Surf Ads，下面会有好多广告，看 10 秒赚好多毫比特币，点一个进去后等它完全载入后（国外网站，载入很慢）上面就有 10 秒倒计时的进度条
    如果此时你切换到其它网页，这个进度条就会暂停，直到你回到这个广告页，我用 chrome 和 opera 试了都是这样

  • Vanessa •
    订阅者 付费者

  • Vanessa •
    订阅者 付费者

    他那个是个 flash 么？ 看不了，不过根据你的需求你可以试下

    document.addEventListener("visibilitychange", function() {
	console.log( document.visibilityState );
});
  • cppgeek •
    作者

    一直没登上？我刚又邮箱验证了一下，应该可以了
    不过你的答案看上去挺靠谱，可能就是它

  • cppgeek •
    作者

    不用试了，你说对了
    http://davidwalsh.name/demo/page-visibility.php
    这个测试页面是当前页标题就是 visible，不是当前页标题就是 hidden

  • 88250 •
    订阅者

    楼主上传个头像吧....

  • cppgeek •
    作者

    upload error

  • 88250 •
    订阅者

    刷新然后再试试，应该可以的，你看我都换了~

  • yangyujiao •

    现在这样的用的很多，跟视频一个性质的吧，我们家那边考驾照的理论要上网学习，比如一节课 40 分钟，你必须把页面停在那里，只要切换了，就会重新计时，哪怕你不看，但是你必须把页面停留在那里等着视频播放完毕。

  • cppgeek •
    作者

    @yangyujiao 这个功能是很实用

  • cppgeek •
    作者

    @88250 chrome 可以设置头像，opera 不行

  • 88250 •
    订阅者

    哦，好的，多谢反馈，等有空做下兼容性

请输入回帖内容 ...
cppgeek
来自长沙的程序员
回帖
25
 帖子
4
 积分
2700

近期热议

推荐标签 标签

  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    6 引用 • 14 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 590 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务，可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 72 关注
  • 人工智能

    人工智能（Artificial Intelligence）是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    135 引用 • 190 回帖 • 1 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 483 关注
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”，在线用户由 1999 年的 2 人（马化腾和张志东）到现在已经发展到上亿用户了，在线人数超过一亿，是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 45 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    53 引用 • 37 回帖 • 3 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    8442 引用 • 38441 回帖 • 154 关注
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 243 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    313 引用 • 547 回帖
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 401 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    30 引用 • 96 回帖
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 486 关注
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 611 关注
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖 • 1 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 668 关注
  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖
  • 自由行
    • 4 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 8 关注
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 172 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 6 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖 • 1 关注

最新标签