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)在间隔内。

更好的是，将秒和分钟另存为var，然后将它们分配给span和input。

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

1 个答案: