今天学习了庞大的js,我们学习了window,document等等里面有许多有用的东西,下面是一个用js编写的考试系统倒计时:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>demo03.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<input type="button" value="开始" onclick="startTime()">
<form action="" >
<input type="text" name="name" size="80" id="daytime" />
</form>
</body>
</html>
<script>
//定义变量时分秒
var hh=1;
var mm=30;
var ss=60;
//通过document将值赋给文本
document.getElementById("daytime").value =hh+"小时:"+mm+"分钟"+":"+ss+"秒";
//定义变量计算所要走的秒数
var contest=5400;
var vartime = null;
function startTime(){
--contest;
if(contest==0){
alert("提交试卷");
//clearTimeout 关闭定时触发事件
clearTimeout(vartime);
}else{
//计算秒减减
ss=--ss;
//取所要走的秒数的余数当时60的余数就说明所走时间为一秒
if(contest%60==0){
ss=60;
//当秒钟为0是分钟减1
mm=--mm;
//当分钟为0是小时减1
if(mm==-1){
hh=hh-1;
mm=59;
}
}
document.getElementById("daytime").value = hh+"小时:"+mm+"分钟"+":"+ss+"秒";
//setTimeout 定时触发事件方法
vartime = setTimeout("startTime()", 1000);
}
}
</script>