今天学习了庞大的
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
>