这篇文章主要介绍了JavaScript如何实现无操作后屏保功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
代码如下:
<html>
<head>
<title>屏幕保护测试</title>
<script type="text/javascript">
var message ;//获取p标签
var t=setTimeout("delayTask()",3000);//延时3秒执行延时任务
//延时任务具体的操作
function delayTask(){
//延时后,在标签中显示时间
message.innerText= new Date();//此行替换为你要做的显示操作
clearTimeout(t);
}
//鼠标移动,重置延时任务
function resetTask(){
//重置标签中的内容
message.innerText = "";//此行替换为你要做的取消操作
clearTimeout(t);
t=setTimeout("delayTask()",3000);
}
//页面加载时,加载函数。
function loading(){
message = document.getElementById("message");
document.onmousemove = resetTask;
}
window.onload = loading;
</script>
</head>
<body>
<p>3秒无操作后显示时间:</p>
<p id="message"></p>
</body>
</html>
感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript如何实现无操作后屏保功能”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!