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

最新推荐文章于 2021-07-20 10:09:35 发布

kuaile863

最新推荐文章于 2021-07-20 10:09:35 发布

阅读量215

点赞数

分类专栏： java综合文章标签： CSS HTML

java综合专栏收录该内容

19 篇文章 0 订阅

订阅专栏

今天学习了庞大的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="开始"  οnclick="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>

kuaile863

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用js编写的考试系统倒计时

今天学习了庞大的js，我们学习了window，document等等里面有许多有用的东西，下面是一个用js编写的考试系统倒计时： &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;...
复制链接

扫一扫