注册成功或登录后网页会有倒计时,如5秒后跳转到哪个页面的功能。
在做一些在线测试,网上考试系统时,会用到倒计时功能。
如网上考试系统里,会有时间提示离考试结束还有多长时间,临近考试结束剩10分钟,还可以弹窗提示考生。
JavaScript实现倒计时功能代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>10秒倒计时功能代码|www.125jz.com</title> </head> <body></body> <SPAN style="BACKGROUND: #00bfff" id=time>10</SPAN>秒钟后自动跳转.<br /> 如果不跳转,请点击下面的链接<A href=http://www.125jz.com> 125网页设计</A> <SCRIPT language=JavaScript type=text/javascript> function delayURL(url) { var delay=document.getElementById("time").innerHTML; if(delay>0) { delay--; document.getElementById("time").innerHTML = delay; } else { window.top.location.href = url; } setTimeout("delayURL('" + url + "')", 1000); } </SCRIPT> <SCRIPT type=text/javascript> delayURL("http://www.125jz.com"); </SCRIPT> </body> </html>
防刷新的考试结束倒计时JavaScript代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>距离考试结束还有分秒|www.125jz.com</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- var maxtime; if (window.name == '') { maxtime = 1 * 60; } else { maxtime = window.name; } function CountDown() { if (maxtime >= 0) { minutes = Math.floor(maxtime / 60); seconds = Math.floor(maxtime % 60); msg = "距离考试结束还有" + minutes + "分" + seconds + "秒"; document.all["timer"].innerHTML = msg; if (maxtime == 5 * 60) alert('注意,还有5分钟!'); --maxtime; window.name = maxtime; } else { clearInterval(timer); alert("考试时间到,结束!"); } } timer = setInterval("CountDown()", 1000); //--> </SCRIPT> <div id="timer" style="color:red"></div> </body> </html>
网页设计交流群:208047327
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/8851.html