分享

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

 飞鹰飞龙飞天 2016-04-08

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./sitejs-18578-1.html

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多