html代码如下:
<html>
<head>
</head>
<body>
<form id="exam">
<input type="button" id="beginexam" value="开始考试" />
<label>剩余时间:
<span id="remainhour"></span>
<span id="remainminite"></span>
<span id="remainsecond"></span>
</label>
</form>
</body>
</html>
js代码:
一进入到考试页面就开始计时
<script src="/static/js/jquery-2.0.3.min.js"></script>
<script>
var endtime = new Date();
endtime.setHours(new Date().getHours()+2); //考试时间为两个小时
function timer()
{
var nowtime = new Date();
var totalsecond = Math.floor((endtime.getTime()-nowtime.getTime())/1000); //计算剩余秒数
if(totalsecond==0){ //当剩余秒数为0时提交表单
$("#exam").submit();
}
var remainhour=Math.floor(totalsecond/3600); //剩余小时
var remainminite=Math.floor((totalsecond-3600*remainhour)/60);//剩余分钟
var remainsecond=Math.floor(totalsecond-3600*remainhour-60*remainminite);//剩余秒数
$("#remainhour").text(remainhour+"小时");
$("#remainminite").text(remainminite+"分钟");
$("#remainsecond").text(remainsecond+"秒");
}
setInterval(timer,1000);
</script>