JavaScript无操作后屏保功能的实现方法

2019-11-19 16:10:35

字体：大中小

来源：转载

供稿：网友

今天组里的同事要写一个屏保的效果，要求鼠标无操作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无操作后屏保功能的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：jquery拖动改变div大小

下一篇：JS中type="button"和type="submit"的区别