JavaScript无操作后屏保功能的实现方法
程序员文章站
2023-02-25 13:51:49
今天组里的同事要写一个屏保的效果,要求鼠标无操作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无操作后屏保功能的实现方法,希望对大家有所帮助