1

На просторах интернета нашел код таймера, в котором есть минуты и секунды, мне надо добавить часы, как это сделать? Очень срочно, помогите, пожалуйста, буду очень благодарен.

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.text(minutes + ":" + seconds);

        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
}

jQuery(function ($) {
    var fiveMinutes = 60 * 5,
        display = $('#time');
    startTimer(fiveMinutes, display);
});
<body>
    <div>Registration closes in <span id="time">05:00</span>      minutes!</div>
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

2 ответа 2

5

startTimer(10 * 60 * 60 + 7 * 60 + 33, '.time');

function startTimer(goal, timer) {
  let i = a => (a - a % 1 + "").padStart(2, "0"),
    m = 60,
    h = m * m;
  timer = document.querySelector(timer);
  goal += new Date / 1000;
  setInterval(() => {
    let t = goal - new Date / 1000;
    timer.textContent = [t / h, t % h / m, t % h % m].map(i).join(":");
  }, 999);
}
<div class="time"></div>

7
  • Только с ведущими нулями вывод покрасивее будет. Меняем функцию: let i = a => `0${parseInt(a)}`.slice(-2); и вывод timer.textContent = [i(t/h), i((t%h)/m), i((t%h)%m)].join(':');
    – Deonis
    22 июн 2019 в 15:06
  • @Deonis согласен с Вами, сейчас подправлю, только не слайсом, а то вдруг часов больше 99 22 июн 2019 в 15:10
  • Да, в таком случае лучше .padStart(2,'0');
    – Deonis
    22 июн 2019 в 15:18
  • 1
    Спасибо еще раз, очень помог) 22 июн 2019 в 18:35
  • 1
    @RomanKyktenko если помог, будьде добры тыкнуть галку и отметить ответ как принятый 22 июн 2019 в 20:35
1
function startTimer(duration, display) {
    var timer = duration,hours, minutes, seconds;
    setInterval(function () {
        hours = parseInt(timer / 3600, 10);
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        hours = hours < 10 ? "0" + hours : hours;
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.text(hours + ":" + minutes + ":" + seconds);

        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
}

jQuery(function ($) {
    var fiveMinutes = 60 * 5,
        display = $('#time');
    startTimer(fiveMinutes, display);
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.