javascript - 表单未按时自动提交

Question

我正在开发一个测验模块，如果超过时间限制(即 30 分钟)，则必须自动提交测验。我为此使用了 jquery，但不知怎的，当时间限制达到时，测验不会自动提交。我可以知道我哪里出错了吗？对此的任何见解都会非常有帮助。以下是我的代码片段，

function get15dayFromNow() {   

   return new Date(new Date().valueOf() + <?php echo $duration ; ?> * 60 * 1000);

       }

   var $time_spend = $('#time_spend');
  $time_spend.countdown(get15dayFromNow(), function(event) {
    $(this).val(event.strftime('%M:%S'));
  });

  var $clock = $('#clock');
  $clock.countdown(get15dayFromNow(), function(event) {
    $(this).html('Time Left :   '+'00:'+event.strftime('%M:%S'));

    var counterVal  =   $("#clock").text();
    if((counterVal   == '00:00') || (counterVal   == '00:00:00'))
    { 
        submitForm(); 
    }

 });

function submitForm()
{
    document.getElementById("target").submit();

}

 <div class="lead" style="width:30%; text-align:right; font-size:14px; font-weight:bold;" id="clock"><?php echo $duration ; ?>:00</div>
<form id="target" method="post" action="processQuiz_chapter.php">

//Question and options listings here.

 <button type="submit" style="display:none;"  name="submitQuiz" value="submit" class="btn btn-success wrp_submit"><i class="glyphicon glyphicon-floppy-disk"></i> Submit</button>
        <button type="submit" value="submit" class="btn btn-success wrp_submit_togle"><i class="glyphicon glyphicon-floppy-disk"></i> Submit</button>
</form>

Answer 1

首先，您需要将 js 代码保留在文档就绪函数中，

有一个事件将在您的时间完成后执行，您可以使用该事件提交表单的事件。查看文本为 finish.countdown

的行

尝试以下代码。

$(document).ready(function(){
    function get15dayFromNow() {   

       return new Date(new Date().valueOf() + <?php echo $duration ; ?> * 60 * 1000);

           }

       var $time_spend = $('#time_spend');
          $time_spend.countdown(get15dayFromNow(), function(event) {
            $(this).val(event.strftime('%M:%S'));
          });

       var $clock = $('#clock');
        $clock.countdown(get15dayFromNow(), function(event) {
            $(this).html('Time Left :   '+'00:'+event.strftime('%M:%S'));
        })
        .on('finish.countdown', function() {
            submitForm();
        });

    function submitForm()
    {
        document.getElementById("target").submit();

    }
});

了解更多关于 Document