如何检测非活动标签并填充颜色

下面是一些基本的代码来帮助您:

<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秒。

http://www.thefutureoftheweb.com/demo/2007-05-16-detect-browser-window-focus/ 用于演示