JSFiddle - React, Tailwind, and code Playground

by lucasprus

HTML

<div id="must-end-midnight"></div>

JavaScript

(function () {

    setInterval(function () {
        mustEndMidnightCounter();
    }, 1000);

    function mustEndMidnightCounter() {

        var date_end = Date.UTC(2013, 12, 12) - 3600000;

        var d = new Date();
        var date_now = d.valueOf();
        var remaining = date_end - date_now;
        if (remaining > 0) {
            var seconds = Math.floor(remaining / 1000);
            var minutes = Math.floor(seconds / 60);
            var hours = Math.floor(minutes / 60);


            seconds = seconds % 60;
            minutes = minutes % 60;
            seconds = (seconds < 10) ? ('0' + seconds) : seconds;
            minutes = (minutes < 10) ? ('0' + minutes) : minutes;
            hours = (hours < 10) ? ('0' + hours) : hours;

            // console.log('Hours: ' + hours + ' Minutes: ' + minutes + ' Seconds: ' + seconds);
            document.getElementById('must-end-midnight').innerHTML = hours + ':' + minutes + ':' + seconds;
        }
    }
})();