Question

嘿，我想实现一个计时器，如果我转到此模板，它将启动：

{% block content %}


 <h3>C-Test</h3>

  <p>In the following text, some of the word endings have been replaced by a gap. The gap is approximately half of the word, e.g. if you see 3 letters, you need to add another 3-4 letters to complete the word. Try your best.</p>

  <form action="results" id=results method="POST">
  <input type="hidden" name="cTestFormat" value="{{ text }}">

    <div class="ctest">
        {% csrf_token %}
        {{  forms }}{{ ende }}
    </div>

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


{% endblock %}

，如果我单击“提交解决方案”按钮，则结束。

我希望将其保存到POST请求中，以便可以在results.html中返回时间。

这是我的results.html：

{% block content %}


<h3>C-Test</h3>
  {% csrf_token %}
  <p>You got {{ richtige }} right!!!!!!</p>
  <p>But {{ falsche }} wrong :(</p>

  <p> {{ testresult|safe }}</p>


{% endblock %}

我已经读到您需要某种脚本语言来编写计时器，但是我对此没有任何经验。 django是否有其他方法可以做到这一点，还是我需要像javascript这样的东西？

Answer 1

这里是一个使用JQuery的例子

<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>

HTML：

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

Django-递增计时器

1 个答案: