微客导航 » 文章资讯 » JavaScript无操作后屏保功能的实现方法

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

2024-02-17 10:59:03 389

今天组里的同事要写一个屏保的效果，要求鼠标无操作N秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。因为是坐在网页上，所以用JavaScript简单实现了一下，记录在此，代码如下：



屏幕保护测试

varmessage;//获取p标签
vart=setTimeout("delayTask()",3000);//延时3秒执行延时任务
//延时任务具体的操作
functiondelayTask(){
//延时后，在标签中显示时间
message.innerText=newDate();//此行替换为你要做的显示操作
clearTimeout(t);
}
//鼠标移动，重置延时任务
functionresetTask(){
//重置标签中的内容
message.innerText="";//此行替换为你要做的取消操作
clearTimeout(t);
t=setTimeout("delayTask()",3000);
}
//页面加载时，加载函数。
functionloading(){
message=document.getElementById("message");
document.onmousemove=resetTask;
}
window.onload=loading;



3秒无操作后显示时间：

以上所述是小编给大家介绍的JavaScript无操作后屏保功能的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐