Как объединить эти две JS-работы вместе и рассчитать время

Я создаю приложение для отслеживания времени. Здесь я уже сделал события запуска и остановки времени и сохранил эти данные. Но мне нужно реализовать отслеживание времени простоя без движения мыши, клавиатуры или чего-либо еще. Для этого нужно хранить данные о времени и конечный результат должен быть таким ::::::

Общее время сегодня: 6 часов 30 минут

Время работы сегодня: 1 час 30 минут или Время работы сегодня: 5 часов 00 минут.

Но я не знаю, как это получить.

Это мой скрипт Vue.js ::

Вот как я получил некоторую идею:::::::::::::::::::::

    <script type="text/javascript">
        let timer, currSeconds = 0;

        function resetTimer() {

            /* Hide the timer text */
            document.querySelector(".timertext")
                    .style.display = 'none';

            /* Clear the previous interval */
            clearInterval(timer); 

            /* Reset the seconds of the timer */
            currSeconds = 0;

            /* Set a new interval */
            timer =
                setInterval(startIdleTimer, 1000);
        }

        // Define the events that
        // would reset the timer
        window.onload = resetTimer;
        window.onmousemove = resetTimer;
        window.onmousedown = resetTimer;
        window.ontouchstart = resetTimer;
        window.onclick = resetTimer;
        window.onkeypress = resetTimer;

        function startIdleTimer() {
            
            /* Increment the
                timer seconds */
            currSeconds++;

            /* Set the timer text
                to the new value */
            document.querySelector(".secs")
                .textContent = currSeconds;

            /* Display the timer text */
            document.querySelector(".timertext")
                .style.display = 'block';
        }
    </script>

Но мне нужно преобразовать это в скрипт Vue.Js и оба события должны быть в один клик для запуска таймера. Для времени простоя это выглядит так, что если нет никакого движения до 12 секунд, то это должно быть сохранено и запустить таймер с нуля, и снова, если простоял 10 секунд, то общее время простоя 12сек + 10 сек = 22 сек.

Пожалуйста, помогите мне, я делаю это в Django.

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