JavaScript無(wú)操作后屏保功能的實(shí)現(xiàn)方法
更新時(shí)間：2017年07月04日 16:52:58 作者：YoungHong1992
今天組里的同事要寫(xiě)一個(gè)屏保的效果，要求鼠標(biāo)無(wú)操作N秒后進(jìn)入屏幕保護(hù)，滑動(dòng)鼠標(biāo)的時(shí)候取消屏幕保護(hù)。我真是難倒了，糾結(jié)了半天，搞定了，下面給大家分享實(shí)現(xiàn)代碼
今天組里的同事要寫(xiě)一個(gè)屏保的效果，要求鼠標(biāo)無(wú)操作N秒后進(jìn)入屏幕保護(hù)，滑動(dòng)鼠標(biāo)的時(shí)候取消屏幕保護(hù)。因?yàn)槭亲诰W(wǎng)頁(yè)上，所以用JavaScript簡(jiǎn)單實(shí)現(xiàn)了一下，記錄在此，代碼如下：
<html>
<head>
<title>屏幕保護(hù)測(cè)試</title>
<script type="text/javascript">
var message ;//獲取p標(biāo)簽
var t=setTimeout("delayTask()",3000);//延時(shí)3秒執(zhí)行延時(shí)任務(wù)
//延時(shí)任務(wù)具體的操作
function delayTask(){
//延時(shí)后，在標(biāo)簽中顯示時(shí)間
message.innerText= new Date();//此行替換為你要做的顯示操作
clearTimeout(t);
}
//鼠標(biāo)移動(dòng)，重置延時(shí)任務(wù)
function resetTask(){
//重置標(biāo)簽中的內(nèi)容
message.innerText = "";//此行替換為你要做的取消操作
clearTimeout(t);
t=setTimeout("delayTask()",3000);
}
//頁(yè)面加載時(shí)，加載函數(shù)。
function loading(){
message = document.getElementById("message");
document.onmousemove = resetTask;
}
window.onload = loading;
</script>
</head>
<body>
<p>3秒無(wú)操作后顯示時(shí)間：</p>
<p id="message"></p>
</body>
</html>
以上所述是小編給大家介紹的JavaScript無(wú)操作后屏保功能的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
JavaScript動(dòng)態(tài)插入script的基本思路及實(shí)現(xiàn)函數(shù)
偶爾需要?jiǎng)討B(tài)插入javascript代碼的需求，基本思路是動(dòng)態(tài)創(chuàng)建一個(gè)script標(biāo)簽，設(shè)置其src屬性，type屬性等，需要的朋友可以參考下2013-11-11
js獲取系統(tǒng)的根路徑實(shí)現(xiàn)介紹
js如何獲取系統(tǒng)的根路徑，在本文給出了詳細(xì)的方法，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-09-09
Javascript base64編碼實(shí)現(xiàn)代碼
Javascript base64編碼實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-12-12 
在前端開(kāi)發(fā)中加密技術(shù)是保護(hù)數(shù)據(jù)安全的重要手段,本文介紹了六種常用的加密方法,其中包括Base64、MD5、SHA256、SHA1、AES和字符串的escape編碼,每種加密方法都有其特定用途和使用場(chǎng)景,選擇合適的加密方法可以有效提升應(yīng)用的安全性,需要的朋友可以參考下
2024-10-10 
如何才能學(xué)好JS？在這里給大家總結(jié)一些學(xué)習(xí)Js的經(jīng)驗(yàn)，希望能對(duì)你們有所幫助。
2021-05-05 
正則表達(dá)式中特殊符號(hào)及正則表達(dá)式的幾種方法總結(jié)(replace,test,search)
這篇文章主要是對(duì)正則表達(dá)式中特殊符號(hào)及正則表達(dá)式的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11 
這篇文章主要介紹了微信小程序時(shí)間戳轉(zhuǎn)日期，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04 
JS觸發(fā)事件event.target VS event.currentTarget實(shí)例
這篇文章主要介紹了JS觸發(fā)事件event.target VS event.currentTarget實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-10-10 
同樣在HTML5可以通過(guò)data-自定義屬性名來(lái)給元素添加自定義的屬性名。一旦添加完成之后。通過(guò)JS可以獲取以及設(shè)置自定義屬性。這篇文章主要介紹了jQuery中選擇查找自定義屬性具有特定值的所有元素
2023-02-02