JavaScript无操作后屏保功能的实现方法
更新时间：2017年07月04日 16:52:58 作者：YoungHong1992
今天组里的同事要写一个屏保的效果，要求鼠标无操作N秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。我真是难倒了，纠结了半天，搞定了，下面给大家分享实现代码
今天组里的同事要写一个屏保的效果，要求鼠标无操作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无操作后屏保功能的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
JavaScript动态插入script的基本思路及实现函数
偶尔需要动态插入javascript代码的需求，基本思路是动态创建一个script标签，设置其src属性，type属性等，需要的朋友可以参考下2013-11-11
js如何获取系统的根路径，在本文给出了详细的方法，感兴趣的朋友可以参考下，希望对大家有所帮助2013-09-09
layui type2 通过url给iframe子页面传值的例子
今天小编就为大家分享一篇layui type2 通过url给iframe子页面传值的例子，具有的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
Javascript base64编码实现代码，需要的朋友可以参考下。2011-12-12
在前端开发中加密技术是保护数据安全的重要手段,本文介绍了六种常用的加密方法,其中包括Base64、MD5、SHA256、SHA1、AES和字符串的escape编码,每种加密方法都有其特定用途和使用场景,选择合适的加密方法可以有效提升应用的安全性,需要的朋友可以参考下2024-10-10
如何才能学好JS？在这里给大家总结一些学习Js的经验，希望能对你们有所帮助。2021-05-05
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
这篇文章主要是对正则表达式中特殊符号及正则表达式的几种方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了微信小程序时间戳转日期，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
JS触发事件event.target VS event.currentTarget实例
这篇文章主要介绍了JS触发事件event.target VS event.currentTarget实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
同样在HTML5可以通过data-自定义属性名来给元素添加自定义的属性名。一旦添加完成之后。通过JS可以获取以及设置自定义属性。这篇文章主要介绍了jQuery中选择查找自定义属性具有特定值的所有元素2023-02-02
最新评论