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

时间:2021-05-26

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章