javascript - 如何检测不事件的标签并用颜色填充它

如果标签无效，如何用颜色填充网站？如果用户移动到另一个窗口，我想给我的网站屏保一样的效果。我可以使用jQuery吗？

最佳答案

这是一些基本的代码来帮助您入门：

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