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 you have read our privacy policy.

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