Countdown Timer

by ian_smithz

HTML

<div class="back" style="background-color:#fbaf3f; opacity:0.65; padding:2px 12px; position:absolute; top:69px; right:0; z-index:9; border-bottom:3px solid #ee7f3a;">
    <div id="cdtext" style="float:right"> <span style="font-size:21px; font-family:'Roboto Condensed'; float:right; padding:0px; color:#fff; opacity:1">&nbsp;to join for 2015!</span>

    </div>
    <div id="newcountdown" style="font-size:21px; font-family:'Roboto Condensed'; float:right; padding:0px; color:#454a9f; opacity:1; font-weight:600;"></div>
</div>

JavaScript

/*
Code from javascript countdown timer example at: 
http://nithinbekal.com/2009/12/06/javascript-how-to-create-a-simple-countdown-timer/
*/

CountDownTimer('05/03/2018 12:00 AM', 'newcountdown');

function CountDownTimer(dt, id) {
    var end = new Date(dt);

    var _second = 1000;
    var _minute = _second * 60;
    var _hour = _minute * 60;
    var _day = _hour * 24;
    var timer;

    function showRemaining() {
        var now = new Date();
        var distance = end - now;
        if (distance < 0) {

            clearInterval(timer);
            document.getElementById(id).innerHTML = 'EXPIRED!';

            return;
        }
        var days = Math.floor(distance / _day);
        var hours = Math.floor((distance % _day) / _hour);
        var minutes = Math.floor((distance % _hour) / _minute);
        var seconds = Math.floor((distance % _minute) / _second);

        document.getElementById(id).innerHTML = days + ' days ';
        document.getElementById(id).innerHTML += hours + ' hrs ';

    }

    timer = setInterval(showRemaining, 1000);
}