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

 

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