用js编纂的考试系统倒计时-JavaSript-爱易网页

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

日期：2014-05-16　浏览次数：20395 次

用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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>