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

今天组里的同事要写一个屏保的效果，要求鼠标无操作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无操作后屏保功能的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • js 模拟气泡屏保效果代码

    核心代码: 复制代码 代码如下: var T$ = function(id) { return document.getElementById(id); }var $extend = function(des, src) { for (var p in src) { des[p] = src[p]} return des; }var Bubble = function() {    // 小球随机样式    var clss = ['ball_one', 'ball_two',  'ball_t

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

    今天组里的同事要写一个屏保的效果,要求鼠标无操作N秒后进入屏幕保护,滑动鼠标的时候取消屏幕保护.因为是坐在网页上,所以用JavaScript简单实现了一下,记录在此,代码如下: <html> <head> <title>屏幕保护测试</title> <script type="text/javascript"> var message ;//获取p标签 var t=setTimeout("delayTask()&qu

  • 原生javascript实现的全屏滚动功能示例

    本文实例讲述了原生javascript实现的全屏滚动功能.分享给大家供大家参考,具体如下: 原理: 1. 计算当前浏览器屏幕高度,每次翻页显示的内容高度即为屏幕高度 2. 对鼠标滚轮事件进行监听,注意滚轮事件的浏览器兼容问题. 废话不多说,直接上代码 html代码: <div id="wrap"> <div id="main" style="top: 0;"> <div class="content num

  • javascript full screen 全屏显示页面元素的方法

    一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素).这样网页上就只能看到你要突出的部件了,视觉上就等同于全屏.同时利用javascript监听键盘事件,一旦用户按了ESc退出键,就恢复原来的样子.部分代码如下: 复制代码 代码如下: document.onkeydown = function (event) {        var e = even

  • Javascript无参数和有参数类继承问题解决方法

    说到Javascript的类继承,就必然离不开原型链,但只通过原型链实现的继承有着不少缺陷. 无参数类继承的问题 先看一段示例代码,实现B继承于A: 复制代码 代码如下: function A() { } A.prototype.a1 = function() { }; function B() { } B.prototype = new A(); B.prototype.b1 = function() { }; var b = new B(); alert(b.constructor == A

  • python tkinter实现彩球碰撞屏保

    python tkinter实现彩球碰撞屏保

    利用Tkinter实现彩球碰撞屏保 一.架构与思路 (1)主函数: main():通过类启动程序: (2)类: ScreenSaver():用于定义屏保和主画布,调用球创建.运动等函数: RandomBall():定义球的基本属性.球创建与运动函数: (3)对象:单个球,需要创建.运动(包括碰撞反弹),通过循环调用实现多个球并存的效果 create_ball():单个球创建函数: move_ball():单个球运动函数: (4)20181215更新:此处对原有屏保程序的退出环节进行了扩展,使用m

  • JavaScript基于遍历操作实现对象深拷贝功能示例

    JavaScript基于遍历操作实现对象深拷贝功能示例

    本文实例讲述了JavaScript基于遍历操作实现对象深拷贝功能.分享给大家供大家参考,具体如下: function getType(o){ var _t; return ((_t = typeof(o)) == "object" ? o==null && "null" || Object.prototype.toString.call(o).slice(8,-1):_t).toLowerCase(); } function extend(desti

  • pygame多种方式实现屏保操作(自动切换、鼠标切换、键盘切换)

    pygame多种方式实现屏保操作(自动切换、鼠标切换、键盘切换)

    pygame多种方式实现屏保操作(自动切换.鼠标切换.键盘切换),欢迎往下观看. 一.图片处理 (一)图片采集 我认为有三种方法: 其一:使用爬虫技术从网上下载图片,可以开一个子线程负责采集网上图片,然后加载到list列表中: 其二:可以直接对电脑中所有的盘进行自动检索,然后加载到list列表中: 其三:指定目录,然后加载到list列表中: 我这里偷个懒,选择第三种方法实现.具体代码如下: path = './image/' files = [] dirs = os.listdir(path)

  • 原生javascript实现的ajax异步封装功能示例

    本文实例讲述了原生javascript实现的ajax异步封装功能.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

  • c#制作屏幕保护程序步骤(字幕屏保)

    屏幕保护程序的扩展名虽然是"scr",但其实是一个可执行的"exe"文件.但他又是一个比较独特的"exe"文件.下面就来探讨一下,用C#是如何编写屏幕保护的整个过程. 二．C#编写字幕显示屏保程序的关键步骤以及解决方法:(1)设定程序的窗体符合屏幕保护的要求:由于屏幕保护程序就是一个可执行程序,所以在编写屏幕保护程序的时候,首先按照可执行程序来设计.但屏幕保护有自身的特点.譬如:屏幕保护都是充满整个屏幕的,并且没有无边.屏幕保护运行的时候,不能显

  • C#制作简易的屏保

    C#制作简易的屏保

    前言:前段时间,有个网友问我C#制作屏保的问题,我瞬间懵逼了(C#还可以制作屏保!).于是我去查阅相关资料,下面把C#如何制作屏保的过程及我学习过程的心得也记录下来,希望对需要的人能有帮助. 基本思路: 1)屏保运行起来是一个整个屏幕且无边框的窗体,不能显示任务栏,鼠标点击就会退出.当然你还可以在界面上自定义一些东西,如显示系统时间,屏保里面显示Rss内容等. 2)屏幕保护程序的扩展名虽然是".scr",但本质是一个可执行的".exe"文件. 具体步骤: 打开Vis

随机推荐