js实现的一个简单的考试倒计时

最新推荐文章于 2020-04-18 23:00:16 发布

最新推荐文章于 2020-04-18 23:00:16 发布 · 1.4k 阅读

收录于

javascript

本文介绍了一个使用JavaScript实现的简单考试倒计时程序。通过设置90分钟的时间限制，该程序能够显示剩余的分钟和秒数，并在时间结束后提示考试结束。

js实现的一个简单的考试倒计时

html 代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT LANGUAGE="JavaScript">   
<!--   
var maxtime =90*60  //以90分钟为例
function time(){   //定义函数 此函数名必须与触发事件的函数名一致
 if(maxtime>=0){   
 minutes = Math.floor(maxtime/60); //计算出分钟  
 seconds = Math.floor(maxtime%60);  //计算出秒 
 msg = "距离考试结束还有"+minutes+"分"+seconds+"秒"; 
 
 document.all["timer"].innerHTML=msg;   

 --maxtime;   
 }   
 else{   
 clearInterval(timer);   
 alert("时间到，考试结束!");   
 }   
  timer = setInterval("time()",1000);  
}   
   
//-->   
</SCRIPT>


</head>

<body>

<input type="button"  onclick="time()"  value="开始考试"/>

<span id="timer"/>

</body>
</html>

标签

#JavaScript #XHTML #HTML #ViewUI