如何制作在线考试的计时器>

时间:2017-02-26 14:11:11

标签: javascript jquery timer

朋友我正在为拼贴项目进行在线考试。它几乎已经完成,但现在我的问题是我想要一个在线考试项目的计时器。

这是js代码:

    jQuery(document).ready(function(){
        var d = new Date();

        var month = d.getMonth()+1;
        var day = d.getDate();

        var output = ((''+day).length<2 ? '0' : '') + day + ' / ' + ((''+month).length<2 ? '0' : '') + month + ' / ' + d.getFullYear();

        document.getElementById("datespan").innerHTML = output;
    });

    </script>

    <script type="text/javascript">

    $(document).ready(function(){
        if(localStorage.getItem("counter")){
          if(localStorage.getItem("counter") >= 10){
            var value = 0;
          }else{
            var value = localStorage.getItem("counter");
          }
        }else{
          var value = 0;
        }
        document.getElementById('divCounter').innerHTML = value;

        var counter = function (){
          if(value >= 10){
            localStorage.setItem("counter", 30);
            value = 0;
          }else{
            value = parseInt(value)-1;
            localStorage.setItem("counter", value);
          }
          document.getElementById('divCounter').innerHTML = value;
        };

        var interval = setInterval(function (){counter();}, 1000);
            });

HTML:

 <div><h3>Remaining Time : <div id="divCounter"></div></span></h3></div>

但问题是,它只是加载在负面,就像这样

enter image description here

如何开始特定时间(分钟,例如:30分钟到0分钟)并将计时器停在0,我也想知道如何在用户提交考试或时间结束时停止此计时器。

0 个答案:

没有答案