JavaScript如何实现无操作后屏保功能

这篇文章主要介绍了JavaScript如何实现无操作后屏保功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联于2013年成立,先为屯溪等服务建站,屯溪等地企业,进行企业商务咨询服务。为屯溪企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

代码如下:



 屏幕保护测试
 
 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;
 


 

3秒无操作后显示时间:

 

感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript如何实现无操作后屏保功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


当前题目:JavaScript如何实现无操作后屏保功能
本文地址:http://bzwzjz.com/article/psdiie.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站建设 网站建设公司 自适应网站建设 成都企业网站建设公司 企业网站设计 成都网站建设公司 做网站设计 成都响应式网站建设 成都网站建设公司 成都网站制作 营销型网站建设 成都商城网站建设 营销网站建设 网站设计 宜宾网站设计 成都品牌网站设计 成都网站设计 成都营销网站制作 网站建设公司 手机网站制作 手机网站制作 企业网站建设