Хочу вывести на форме таймер через Поле HTML со следующим кодом:
через обычный html работает корректно:
но через 1с в режиме клиента получаю это:
хотя если зайти через браузер то все показывает красиво
что я делаю не так?
<!DO CTYPE html>
<ht ml>
<st yle>
body, html {
height: 100%;
margin: 0;
margin-top: 0px;
}
body {
overflow: hidden;
}
</style>
<body>
<p id="demo" style="font-size:20px; margin: 0"></p>
<sc ript>
// Set the date we''re counting down to
var countDownDate = new Date('2021-03-01T11:00:00').getTime();
// Update the count down every 1 second
var countdownfunction = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo"
document.getElementById("demo").innerHTML =
"Осталось времени: " +
//days + "д " +
hours + "ч "+
minutes + "м " +
seconds + "с ";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(countdownfunction);
document.getElementById("demo").innerHTML = "Время вышло!";
}
}, 1000);
</sc ript>
</body>
</html>
Показатьчерез обычный html работает корректно:
Осталось времени: 9ч 41м 24с
но через 1с в режиме клиента получаю это:
Осталось времени: NaNч NaNм NaNс
хотя если зайти через браузер то все показывает красиво
что я делаю не так?
По теме из базы знаний
Найденные решения
Остальные ответы
Подписаться на ответы
Инфостарт бот
Сортировка:
Древо развёрнутое
Свернуть все
Для получения уведомлений об ответах подключите телеграм бот:
Инфостарт бот