Джанго - таймер обратного отсчета

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>