今天組里的同事要寫一個(gè)屏保的效果，要求鼠標(biāo)無操作N秒后進(jìn)入屏幕保護(hù)，滑動(dòng)鼠標(biāo)的時(shí)候取消屏幕保護(hù)。因?yàn)槭亲诰W(wǎng)頁上，所以用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); } //頁面加載時(shí)，加載函數(shù)。 function loading(){ message = document.getElementById("message"); document.onmousemove = resetTask; } window.onload = loading; </script></head><body> <p>3秒無操作后顯示時(shí)間：</p> <p id="message"></p></body></html>以上所述是小編給大家介紹的JavaScript無操作后屏保功能的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
