JSFiddle - React, Tailwind, and code Playground

by Nathan Henrie

HTML

<div id="countdown"></div>

JavaScript

console.clear();
var countdown_html = document.getElementById("countdown");

function countdown() {

    var return_string = 'Only ';
    var today = new Date();
    var weddingDate = new Date(2014, 10, 8, 16);
    var ms = weddingDate - today;

    if (ms > 0) {
        var d = ms / (1000 * 60 * 60 * 24) | 0;
        var h = ms % (1000 * 60 * 60 * 24) / (1000 * 60 * 60) | 0;
        var m = ms % (1000 * 60 * 60) / (1000 * 60) | 0;
        var s = ms % (1000 * 60) / (1000) | 0;

        var timeParts = [d, h, m, s];
        console.log(timeParts);
        var timeStringParts = new Array();

        for (i = 0; i < 4; i++) {

            switch (i) {
                case 0:
                    var timeString = " day";
                    break;
                case 1:
                    var timeString = " hour";
                    break;
                case 2:
                    var timeString = " minute";
                    break;
                case 3:
                    var timeString = " second";
                    break;
            }
            

            if (timeParts[i] > 1) {
                timeString += 's';
            }

            if (timeParts[i] > 0) {
                timeStringParts.push(timeParts[i] + timeString);
            }

        }

        for (i = 0; i < timeStringParts.length - 1; i++) {

            return_string += timeStringParts[i] + ', ';
        }

        return_string += (' and ' + timeStringParts[timeStringParts.length - 1] + ' until man and wife!')

    } else {
        return_string = "It's finally here!!";
    }

    return return_string;
}

countdown_html.innerHTML = countdown();
/*
setInterval(function() {
console.log(countdown_html.innerHtml);
countdown_html.innerHTML = countdown();
}, 1000);
*/