Формат времени H: M: S в javascript

со следующим кодом я получаю результат в секундах, но я хочу получить результат в формате H: m: s, например, если я получаю результат как 63 секунды, тогда результат должен отображаться как 1:03, как я могу это сделать?

<html>
<head>
    <title>Start and Stop a Timer using JavaScript by DevCurry.com</title>
    <script type = "text/javascript">
        var check = null;

       window.onload = function(e) {
            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';
        }
    </script>
</head>
<body>
<div>
    <p id = "para">0</p>
    <input id = "btnStart" type = "button" value = "Start"
        onclick = "printDuration();" />
    <input id = "btnStop" type = "button" value = "Stop"
        onclick = "stop();" />
</div>
</body>
</html>

Возможный дубликат Строка времени в секундах в JavaScript в формате чч: мм: сс

— 04.09.2018 11:58

Рекомендую использовать конструктор Date ()

— 04.09.2018 12:07

javascript php jquery

04.09.2018 11:56

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

388

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Попробуй это:

function secondsToHms(d) {
    d = Number(d);
    var h = Math.floor(d / 3600);
    var m = Math.floor(d % 3600 / 60);
    var s = Math.floor(d % 3600 % 60);

    var hDisplay = h > 0 ? h + (h == 1 ? " hour, " : " hours, ") : "";
    var mDisplay = m > 0 ? m + (m == 1 ? " minute, " : " minutes, ") : "";
    var sDisplay = s > 0 ? s + (s == 1 ? " second" : " seconds") : "";
    return hDisplay + mDisplay + sDisplay; 
}

04.09.2018 12:02

Ответ принят как подходящий

Вы должны вызвать функцию и вернуть вычисленное значение, например, от секунды до минуты и часа, как показано ниже:

 var check = null;

       window.onload = function(e) {
            if (check == null) {
                var cnt = 0;

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

      function stop() {
          clearInterval(check);
          check = null;
          document.getElementById("para").innerHTML = '0';
      }
        
      function secondsToHms(sec) {
        sec = Number(sec);
        var h = Math.floor(sec / 3600);
        var m = Math.floor(sec % 3600 / 60);
        var s = Math.floor(sec % 3600 % 60);

        var hour = h > 0 ? h + (h == 1 ? " hour, " : " hours, ") : "";
        var minute = m > 0 ? m + (m == 1 ? " minute, " : " minutes, ") : "";
        var second = s > 0 ? s + (s == 1 ? " second" : " seconds") : "";
        return hour + minute + second; 
    }

<html>
<head>
    <title>Start and Stop a Timer using JavaScript by DevCurry.com</title>
</head>
<body>
<div>
    <p id = "para">0</p>
    <input id = "btnStart" type = "button" value = "Start"
        onclick = "printDuration();" />
    <input id = "btnStop" type = "button" value = "Stop"
        onclick = "stop();" />
</div>
</body>
</html>

04.09.2018 12:16

Другие вопросы по теме

Php выберите ограниченное количество данных из таблицы и упорядочите по дате для ленивой загрузки

Как назначить класс CSS количеству запасов в WooCommerce?

JQuery-UI Dialog показывает только последнюю итерацию цикла for

Быстрый адрес Prestashop Ссылки на внешний URL

Как загрузить файл в Dropbox с помощью php или curl

Ошибка: неопределенная константа класса 'MYSQL_ATTR_USE_BUFFERED_QUERY'

Передача значения PHP на страницу и обратно

Добавить класс тела для страницы архива категории продуктов в Woocommerce

Изображение администратора Laravel не может получить доступ через URL-адрес

Кодовые последовательности с цифрами и буквами без 0,1, o & i

Формат времени H: M: S в javascript

Ответы 2

Другие вопросы по теме

Похожие вопросы