ifvisible.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页面空闲指定时间后执行操作的代码

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)