Оставшиеся дни с HTML и Javascript

Я изучаю HTML 5 с помощью CSS и JavaScript. Я пытаюсь выполнить код обратного отсчета, который покажет оставшиеся дни, часы и минуты до определенной введенной даты. Но я ничего не получаю. Может ли кто-нибудь помочь с моим кодом? Вот код, который у меня есть:

<!DOCTYPE html>
<html lang = "en">
    <head>
        <meta charset = "utf=8" />
        <title> JavaScript </title>
        <script type = "text/javascript">
            function doIT() {
                setInterval(function countdown() {
                    now = new Date();
                    then = Date.parse(document.getElementById("date").value);
                    daysLeft = then - now;
                    days = Math.floor(daysLeft / (1000 * 60 * 60 * 24));
                    hours = Math.floor(daysLeft / (1000 * 60 * 60));
                    mins = Math.floor(daysLeft / (1000 * 60));
                    secs = Math.floor(daysLeft / 1000);
                    dd = days;
                    hh = hours - days * 24;
                    mm = mins - hours * 60;
                    ss = secs - mins * 60;
                    document.getElementById("Countdown").innerHTML = dd + ' days ' + hh + 'hours' + mm + ' minutes ' + ss + ' seconds ';
                }, 1000);
            }
        </script>
    </head>
    <body>
        Enter a date in the format "December 24, 2014" <br> (optionally add time, e.g., "17:00:00)
        <br><br>
        <input type = "text" id = "date" size = "50" /> <br><br>
        <button onclick = "doIt()">GO</button><br><br>
        <div style = "text-align:center; vertical-align:middle; width:400px; height:50px, border:2px solid; line-height:24px;font-family:Arial;">
            Countdown:<br>
            <div id = "Countdown"> </div>
        </div>
    </body>
</html>

Приветствуется любая помощь в раскрытии тайн веб-кодирования.

javascript html

05.04.2018 13:07

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

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

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

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

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

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

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

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

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

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

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

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

326

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