轻量级的方式检查,如果用户在页面或正在与它进行交互。空闲时间设置到10秒,让你轻松地就可以看到效果。
使用步骤
- / /如果页面是可见的现在,
- if( ifvisible.now() ){
- / /显示的弹出
- openPopUp();
- }
- ifvisible.on("blur" function(){
- // 动画暂停
- animations.pause();
- });
- ifvisible.on("focus" function(){
- / /恢复所有动画
- animations.resume();
- });
能够处理ifvisible.js活动状态,如空闲或活动页面上
- ifvisible.on("idle" function(){
- / /停止自动更新的实时数据
- stream.pause();
- });
- ifvisible.on("wakeup" function(){
- / /返回更新的数据
- stream.resume();
- });
默认的空闲等待时间是60秒,但你可以改变它用setIdleDuration方法
- ifvisible setIdleDuration (120 ) / / 120秒后,将成为闲置
您可以设置智能间隔与ifvisible.js,如果用户是空闲或没有看到页面的间隔时间会自动停止
- / /如果页面是可见的运行这个函数上每隔半秒
- ifvisible.onEvery(0.5 function(){
- / /做一个动画的标志,只有当页面可见
- animateLogo();
- });
转载请注明:代码家园 ? ifvisible.js页面空闲指定时间后执行操作的代码
本文原地址:http://www.daimajiayuan.com/sitejs-18578-1.html
联系客服