Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为在线考试设置计时器>;_Javascript_Jquery_Timer - Fatal编程技术网

Javascript 如何为在线考试设置计时器>;

Javascript 如何为在线考试设置计时器>;,javascript,jquery,timer,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' : ''

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

这是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);
            });
jQuery(文档).ready(函数(){
var d=新日期();
变量月份=d.getMonth()+1;
var day=d.getDate();
变量输出=(''+天)。长度=10){
localStorage.setItem(“计数器”,30);
数值=0;
}否则{
value=parseInt(value)-1;
setItem(“计数器”,值);
}
document.getElementById('divCounter')。innerHTML=value;
};
var interval=setInterval(函数(){counter();},1000);
});
HTML:

剩余时间:
但问题是,它只是在负方向加载,就像这样


如何开始一个特定的时间(分钟,例如:30分钟到0分钟)和停止计时器在0,我也想知道如何停止这个计时器时,用户提交的考试或时间结束 CalpTealSeal[间隔] < /代码>时,请清除你的间隔,这取决于你是如何正式的,也应该考虑验证服务器上的时间。如果你把一切都放在客户端,有人可能劫持你的定时器变量并更改它,这样他就可以有无限的时间回答你的问题。我对乔纳斯的评论投了足够的赞成票。任何重要的事情都不要依赖Javascript。对于任何人来说,使用开发人员工具修改它都是微不足道的。你不需要很多技巧。JS对于增强用户体验和创建便利性非常有用,但是如果您重视应用程序及其数据的完整性,那么它实现的任何业务逻辑(如此)都必须在服务器端进行验证。
 <div><h3>Remaining Time : <div id="divCounter"></div></span></h3></div>