从计时器功能获取秒数到我的视图

Question

我想从模板中的计时器获取分钟和秒数到我的视图中。

我已经尝试了使用 ajax.post 请求的不同方法，但它并没有真正按照我想要的方式工作。

这是我的模板：

{% block content %}

    <!-- Timer function -->
    <script type="text/javascript">
        var sec = 0;
        function pad ( val ) { return val > 9 ? val : "0" + val; }
        setInterval( function(){
            $("#seconds").html(pad(++sec%60));
            $("#minutes").html(pad(parseInt(sec/60,10)));
        }, 1000);
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <span id="minutes"></span>:<span id="seconds"></span>

  <form action="results" id=results method="POST">

    <!-- after clicking on this button the minutes and seconds should also be sent as a POST request -->

    <div class="command">
      <button type="submit" name="ctest_submit">Submit solution</button>
    </div>

  </form>


{% endblock %}

现在我想在单击提交按钮后将分钟和秒作为 POST 请求显示在我的视图中。我的想法是在这样的输入中隐藏时间：

<input type="hidden" name="seconds" value="what should be in here???">

但我不知道应该值什么？

Answer 1

您可以在区间内填充输入值。 提供您的输入 id（比如说 #seconds-input 和 #minutes-input），然后使用

$('#minutes-input').val(pad(parseInt(sec/60,10)), 和$('#seconds-input').val(pad(++sec%60)在区间内。

更好的是，将秒和分钟保存为变量，然后将它们分配给跨度和输入。