这篇文章主要介绍了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如何实现无操作后屏保功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联建站,关注创新互联网站建设公司行业资讯频道,更多相关知识等着你来学习!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:JavaScript如何实现无操作后屏保功能-创新互联
路径分享:https://www.cdcxhl.com/article44/gsohe.html
成都网站建设公司_创新互联,为您提供品牌网站设计、定制网站、定制开发、ChatGPT、服务器托管、App开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联