Нажмите на кнопку и запустите подсчет времени на перенаправленной странице (JavaScript)

Я пытаюсь разработать приложение для викторины с помощью Django. Где я хочу добавить функциональность вроде этой - "Когда пользователи нажмут на кнопку начать тест, они будут перенаправлены на страницу вопросов, и время экзамена будет запущено". Здесь я использую JavaScript "setInterval" для подсчета времени. Это работает на той же странице, но не работает на странице перенаправления.

Мой Js код :

var check = null;

function printDuration() {
    if (check == null) {
        var cnt = 0;

        check = setInterval(function () {
            cnt += 1;
            document.getElementById("para").innerHTML = cnt;
        }, 1000);
    }
}

function stop() {
    clearInterval(check);
    check = null;
    document.getElementById("para").innerHTML = '0';
}

console.log("Time counting... ... ...")

Кнопка

<a href="{% url 'test' %}" class="btn btn-primary mt-5"id="btnStart" type="button" value="Start"
    onclick="printDuration();">Start Test</a>

Код перенаправленной страницы: , здесь начнется отсчет времени:

<h2 class="pb-5">Welcome to test page</h2>
    <p id="para">0</p>

Если я правильно понимаю, таймер находится на странице перед редиректом. Когда вы переходите на новый url, все перезагружается, включая JavaScript. Все с предыдущей страницы, включая ваш таймер, удаляется. Вам придется сделать новый таймер на перенаправляемой странице

Вернуться на верх