空闲时间执行ifvisible.js

 查看演示  website  立即下载

轻量级的方式检查，如果用户在页面或正在与它进行交互。

空闲时间设置到30秒，让你轻松地就可以看到效果。

使用步骤

/ /如果页面是可见的现在，
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();

});

PREVIOUS:
NEXT:
轻量级的的视差引擎Parallax.js
动画缩略图切换(10种切换效果)