现在的位置: 首页 > 综合 > 正文

用js编写的考试系统倒计时

2014年02月05日 ⁄ 综合 ⁄ 共 1328字 ⁄ 字号 评论关闭

 

今天学习了庞大的js,我们学习了windowdocument等等里面有许多有用的东西,下面是一个用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>

抱歉!评论已关闭.