JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<script>
    var end = new Date('11/01/2014 10:1 AM');
    var sec = 1000;
    var min = sec * 60;
    var hr = min * 60;
    var day = hr * 24;
    var timer;
    $(document).ready(function(){
        timer = setInterval(remaining, 1000);
    });
    function remaining() {
            var now = new Date();
            var diff = end - now;
            if (!diff) {
    
                clearInterval(timer);
                $('#countdown').html('YIPEE!!!');
    
                return;
            }
            var days = Math.floor(diff / day);
            var hours = Math.floor((diff % day) / hr);
            var minutes = Math.floor((diff % hr) / min);
            var seconds = Math.floor((diff % min) / sec);
    
            $('#countdown').html(days + 'days ');
            $('#countdown').append(hours + 'hrs');
            $('#countdown').append(minutes + 'mins');
            $('#countdown').append(seconds + 'secs ');
        }
</script>
<div id="countdown"></div>

CSS

div{
    
    padding:15px;
    border:1px solid black;
    color:green;
    background:lavender;
    
}