JavaScript無操作后屏保功能的實現(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動態(tài)插入script的基本思路及實現(xiàn)函數(shù)
偶爾需要動態(tài)插入javascript代碼的需求,基本思路是動態(tài)創(chuàng)建一個script標(biāo)簽,設(shè)置其src屬性,type屬性等,需要的朋友可以參考下2013-11-11

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

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