1

При выводе часов, минут и секунд , от 0 и до 10 данные выводятся одиночными цифрами , то есть 23:12:5 или 23:5:20, а нужно что бы было 23:12:05 или 23:05:20 Как это реализовать? Пробовал преобразовать все в строку и через .padStart и через .slice , но ничего нормального не получилось.

function time() {
  var date = new Date();
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  document.getElementById('clock').innerHTML = hours + ":" + minutes + ":" + seconds;
}
setInterval('time()', 1000);
<h1 id="clock">
</h1>

2
  • 2
    seconds.toString().padStart(2, '0')
    – andreymal
    Commented 8 дек. 2019 в 20:26
  • Или var seconds = ("0" + date.getSeconds()).slice(-2); Commented 8 дек. 2019 в 20:46

1 ответ 1

1

Один из вариантов решения:

function zero_pad(input)
{
    return input >= 10 ? input : "0" + input;
}

Пример использования:

document.getElementById('clock').innerHTML = zero_pad(hours) + ":" + zero_pad(minutes) + ":"
    + zero_pad(seconds);

Или, как уже ответил в комментарии @andreymal

seconds.toString().padStart(2, '0')

Кстати, не передавайте setInterval строку 'time()'. Передавайте функцию:

setInterval(time, 1000);
1
  • Спасибо большое за помощь!
    – OnlyWeb
    Commented 8 дек. 2019 в 21:07

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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