注册成功或登录后网页会有倒计时，如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
微信扫一扫 
支付宝扫一扫 