JS如何实现倒计时功能,如何防止刷新。

JavaScript013

JS如何实现倒计时功能,如何防止刷新。,第1张

倒计时可以用js的setTimeout来控制

http://www.tocus.com.cn/?send=article_show&id=34&class=2

可以循环计时,而对于页面刷新,我们可以屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键来达到效果

<script>

//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键

function document.oncontextmenu(){event.returnValue=false}//屏蔽鼠标右键

function window.onhelp(){return false} //屏蔽F1帮助

function document.onkeydown(){

if((window.event.altKey)&&((window.event.keyCode==37)||(window.event.keyCode==39))){

//屏蔽Alt+方向键←

//屏蔽Alt+方向键→

event.returnValue=false

}

if((event.keyCode==8)||(event.keyCode==116)||(event.ctrlKey &&event.keyCode==82)){

//屏蔽退格删除键

//屏蔽F5刷新键

//Ctrl+R

event.keyCode=0

event.returnValue=false

}

if(event.keyCode==122){event.keyCode=0event.returnValue=false}//屏蔽F11

if(event.ctrlKey &&event.keyCode==78)event.returnValue=false //屏蔽Ctrl+n

if(event.shiftKey &&event.keyCode==121)event.returnValue=false //屏蔽shift+F10

if(window.event.srcElement.tagName=="A" &&window.event.shiftKey)

window.event.returnValue=false //屏蔽shift加鼠标左键新开一网页

if((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4

window.showModelessDialog("about:blank","","dialogWidth:1pxdialogheight:1px")

return false

}

}

</script>

<SCRIPT LANGUAGE="JavaScript">   

<!--   

var maxtime = 60*60 //一个小时,按秒计算,自己调整!   

function CountDown(){   

if(maxtime>=0){   

minutes = Math.floor(maxtime/60)   

seconds = Math.floor(maxtime%60) 

minutes = minutes>=10?minutes:'0'+minutes

seconds = seconds>=10?seconds:'0'+seconds  

msg = "距离结束还有"+minutes+"分"+seconds+"秒"   

document.all["timer"].innerHTML=msg   

if(maxtime == 5*60) alert('注意,还有5分钟!')   

--maxtime   

}   

else{   

clearInterval(timer)   

alert("时间到,结束!")   

}   

}   

timer = setInterval("CountDown()",1000)   

//-->   

</SCRIPT> 

<meta charset="utf-8">  

<div id="timer" style="color:red"></div>