题目:编写代码实现考试系统的倒计时功能。使得倒计时时间随着时间的流逝一秒一秒慢慢变化。
思路:一 小时大于0
1.分钟不为0时,判断秒是否为0。若不为0,则秒减1;若为0,则分钟减1,秒赋值为59。
2.分钟为0时,判断秒是否为0。若不为0,则秒减1;若为0,则小时减1,分钟赋值59,秒赋值59。
二 小时等于0
1.分钟不为0时,判断秒是否为0。若不为0,则秒减1;若为0,则分钟减1,秒赋值为59。
2.分钟为0时,判断秒是否为0。若不为0,则秒减1;若为0,则return跳出函数执行。
备注:主要用到了setTimeout( "要执行的函数",间隔时间毫秒 )函数。
代码:
<html>
<head>
<script>
var hour=0,minute=0,second=10;
window.οnlοad= showTime;
function showTime(){
var str=hour+"小时"+minute+"分"+second+"秒";
document.getElementById("div1").innerHTML=str;
if(hour>0){
if(minute!=0){
if(second!=0){
second-=1;
}else{
minute-=1;
second=59;
}
}else{
if(second!=0){
second-=1;
}else{
hour-=1;
minute=59;
second=59;
}
}
}
else if(hour==0){
if(minute!=0){
if(second!=0){
second-=1;
}else{
minute-=1;
second=59;
}
}else{
if(second!=0){
second-=1;
}else{
return;
}
}
}
setTimeout("showTime()",1000);
}
</script>
</head>
<body>
考试剩余时间:<div id="div1"></div>
</body>
</html>