JavaScript无操作后屏保功能的实现方法
程序员文章站
2022-05-26 09:03:05
今天组里的同事要写一个屏保的效果，要求鼠标无操作n秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。因为是坐在网页上，所以用javascript简单实现了一下，记录在此，代码如...
今天组里的同事要写一个屏保的效果，要求鼠标无操作n秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。因为是坐在网页上，所以用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无操作后屏保功能的实现方法，希望对大家有所帮助