快捷導(dǎo)航

JavaScript無操作后屏保功能的實現(xiàn)方法

更新時間：2017年07月04日 16:52:58 作者：YoungHong1992

今天組里的同事要寫一個屏保的效果，要求鼠標(biāo)無操作N秒后進入屏幕保護，滑動鼠標(biāo)的時候取消屏幕保護。我真是難倒了，糾結(jié)了半天，搞定了，下面給大家分享實現(xiàn)代碼

今天組里的同事要寫一個屏保的效果，要求鼠標(biāo)無操作N秒后進入屏幕保護，滑動鼠標(biāo)的時候取消屏幕保護。因為是坐在網(wǎng)頁上，所以用JavaScript簡單實現(xiàn)了一下，記錄在此，代碼如下：

<html>
<head>
 <title>屏幕保護測試</title>
 <script type="text/javascript">
 var message ;//獲取p標(biāo)簽
 var t=setTimeout("delayTask()",3000);//延時3秒執(zhí)行延時任務(wù)
 //延時任務(wù)具體的操作
 function delayTask(){
  //延時后，在標(biāo)簽中顯示時間
  message.innerText= new Date();//此行替換為你要做的顯示操作
  clearTimeout(t);
 }
 //鼠標(biāo)移動，重置延時任務(wù)
 function resetTask(){
  //重置標(biāo)簽中的內(nèi)容
  message.innerText = "";//此行替換為你要做的取消操作
  clearTimeout(t);
  t=setTimeout("delayTask()",3000);
 }
 //頁面加載時，加載函數(shù)。
 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無操作后屏保功能的實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

js 模擬氣泡屏保效果代碼

js
屏保

相關(guān)文章

JavaScript動態(tài)插入script的基本思路及實現(xiàn)函數(shù)
偶爾需要動態(tài)插入javascript代碼的需求，基本思路是動態(tài)創(chuàng)建一個script標(biāo)簽，設(shè)置其src屬性，type屬性等，需要的朋友可以參考下
2013-11-11
js獲取系統(tǒng)的根路徑實現(xiàn)介紹
js如何獲取系統(tǒng)的根路徑，在本文給出了詳細的方法，感興趣的朋友可以參考下，希望對大家有所幫助
2013-09-09
今天小編就為大家分享一篇layui type2 通過url給iframe子頁面?zhèn)髦档睦樱哂械膮⒖純r值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09

Javascript base64編碼實現(xiàn)代碼

Javascript base64編碼實現(xiàn)代碼，需要的朋友可以參考下。

2011-12-12

前端數(shù)據(jù)加密方式的常用6種使用最詳解

在前端開發(fā)中加密技術(shù)是保護數(shù)據(jù)安全的重要手段,本文介紹了六種常用的加密方法,其中包括Base64、MD5、SHA256、SHA1、AES和字符串的escape編碼,每種加密方法都有其特定用途和使用場景,選擇合適的加密方法可以有效提升應(yīng)用的安全性,需要的朋友可以參考下

2024-10-10