打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
js 检测页面空闲时间,并执行指定代码

ifvisible.js页面空闲指定时间后执行操作的代码

轻量级的方式检查,如果用户在页面或正在与它进行交互。空闲时间设置到10秒,让你轻松地就可以看到效果。

使用步骤

  1. / /如果页面是可见的现在,  
  2. if( ifvisible.now() ){  
  3.      / /显示的弹出  
  4.     openPopUp();  
  5. }  

手柄开关选项卡浏览器最小化状态

  1. ifvisible.on("blur" function(){  
  2.     // 动画暂停  
  3.     animations.pause();  
  4. });  
  5.   
  6. ifvisible.on("focus" function(){  
  7.     / /恢复所有动画  
  8.     animations.resume();  
  9. }); 

能够处理ifvisible.js活动状态,如空闲或活动页面上

  1. ifvisible.on("idle" function(){ 
  2.     / /停止自动更新的实时数据 
  3.     stream.pause(); 
  4. }); 
  5.  
  6. ifvisible.on("wakeup" function(){ 
  7.     / /返回更新的数据 
  8.     stream.resume(); 
  9. }); 

默认的空闲等待时间是60秒,但你可以改变它用setIdleDuration方法

  1. ifvisible setIdleDuration (120 ) / / 120秒后,将成为闲置 

您可以设置智能间隔与ifvisible.js,如果用户是空闲或没有看到页面的间隔时间会自动停止

  1. / /如果页面是可见的运行这个函数上每隔半秒 
  2.  
  3. ifvisible.onEvery(0.5 function(){ 
  4.  
  5.     / /做一个动画的标志,只有当页面可见 
  6.  
  7.     animateLogo(); 
  8.  
  9. }); 


转载请注明:代码家园 ? ifvisible.js页面空闲指定时间后执行操作的代码
本文原地址:http://www.daimajiayuan.com/sitejs-18578-1.html

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
不得不说的JavaScript异步加载
readme
js 弹出框只弹一次(二次修改后)
页面无阻塞加载研究
JS控制浏览器大小
jquery绑定事件不生效的解决方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服