欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)站的支持!

您可能感興趣的文章:

相關(guān)文章

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

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

    Javascript base64編碼實現(xiàn)代碼,需要的朋友可以參考下。
    2011-12-12
  • 前端數(shù)據(jù)加密方式的常用6種使用最詳解

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

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

    淺談如何循序漸進的學(xué)好JS

    如何才能學(xué)好JS?在這里給大家總結(jié)一些學(xué)習(xí)Js的經(jīng)驗,希望能對你們有所幫助。
    2021-05-05
  • 正則表達式中特殊符號及正則表達式的幾種方法總結(jié)(replace,test,search)

    正則表達式中特殊符號及正則表達式的幾種方法總結(jié)(replace,test,search)

    這篇文章主要是對正則表達式中特殊符號及正則表達式的幾種方法進行了詳細的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • 微信小程序時間戳轉(zhuǎn)日期的詳解

    微信小程序時間戳轉(zhuǎn)日期的詳解

    這篇文章主要介紹了微信小程序時間戳轉(zhuǎn)日期,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • JS觸發(fā)事件event.target VS event.currentTarget實例

    JS觸發(fā)事件event.target VS event.currentTarget實例

    這篇文章主要介紹了JS觸發(fā)事件event.target VS event.currentTarget實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-10-10
  • jQuery中選擇查找自定義屬性具有特定值的所有元素

    jQuery中選擇查找自定義屬性具有特定值的所有元素

    同樣在HTML5可以通過data-自定義屬性名來給元素添加自定義的屬性名。一旦添加完成之后。通過JS可以獲取以及設(shè)置自定義屬性。這篇文章主要介紹了jQuery中選擇查找自定義屬性具有特定值的所有元素
    2023-02-02
  • 最新評論