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


Posted in Javascript onJuly 04, 2017

今天组里的同事要写一个屏保的效果,要求鼠标无操作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 相关文章推荐
firefox插件Firebug的使用教程
Jan 02 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
angularJS中router的使用指南
Feb 09 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
vue引入swiper插件的使用实例
Jul 19 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 #Javascript
5分钟打造简易高效的webpack常用配置
Jul 04 #Javascript
AngularJS实现表格的增删改查(仅限前端)
Jul 04 #Javascript
js CSS3实现卡牌旋转切换效果
Jul 04 #Javascript
JavaScript中三个等号和两个等号你了解多少
Jul 04 #Javascript
原生js实现简单的链式操作
Jul 04 #Javascript
详解用vue编写弹出框组件
Jul 04 #Javascript
You might like
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
国内php原创论坛
2006/10/09 PHP
模拟OICQ的实现思路和核心程序(一)
2006/10/09 PHP
浅析十款PHP开发框架的对比
2013/07/05 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
PHP  实现等比压缩图片尺寸和大小实例代码
2016/10/08 PHP
PHP单例模式模拟Java Bean实现方法示例
2018/12/07 PHP
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
setAttribute 与 class冲突解决
2008/02/17 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
微信小程序通过api接口将json数据展现到小程序示例
2017/01/20 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
Python操作Access数据库基本步骤分析
2016/09/19 Python
Python生成数字图片代码分享
2017/10/31 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
使用Python代码实现Linux中的ls遍历目录命令的实例代码
2019/09/07 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
创业计划书撰写原则
2014/01/25 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
二审答辩状格式
2015/05/22 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
python基础之文件处理知识总结
2021/05/23 Python
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android