Question

如果标签处于非活动状态，如何用彩色填充网站？如果用户移动到另一个窗口，我想给我的网站提供类似屏幕效果的效果。我可以用jQuery做到吗？

Answer 1

使用window.onfocus（）和window.onblur（）方法 - 请参阅http://www.thefutureoftheweb.com/demo/2007-05-16-detect-browser-window-focus/了解

Answer 2

以下是一些让您前进的基本代码：

<script type="text/javascript"> 
document.onmousemove = resetTimer;
window.onload = function() {
    screenTimer = setTimeout(inactive, 2000);
}
function inactive(){
    // screen saver goes here
    document.body.style.backgroundColor = "black";
}
 function resetTimer(e) {
    // undo screen saver here
    document.body.style.backgroundColor = "white";
    // reset timer
    clearTimeout(screenTimer);
    screenTimer = setTimeout(inactive, 2000);
}
</script>

使用jquery你可能会稍微清理一下，但是这应该为构建它提供一个简单的基础。

基本上，我们每隔2秒就会调用“启动屏幕保护程序”，但是如果你移动鼠标它会取消计时器并重新启动它。注意：setTimeout使用毫秒，因此1000 = 1秒。

如何检测非活动选项卡并用颜色填充它

2 个答案: