JSFiddle - React, Tailwind, and code Playground

by MPrates

HTML

<span id="countdown"></span><br>
<span id="freak"></span>

JavaScript

$( document ).ready(function() {
$.getJSON("https://spreadsheets.google.com/feeds/list/1fQ9gcdQEFsprZAjV7uhREHfu4J9dyilO_aT8RxdIUh0/od6/public/values?alt=json")
.done( function(data) {
    ssData = data.feed;
    $.each( ssData.entry, function() {
    day2 = this.gsx$freak1.$t; 

         $('#freak').append(
   day2
        );     

var day1 = '10/11/2015';

// set the date we're counting down to
var target_date = new Date(day2).getTime();
 
// variables for time units
var days, hours, minutes, seconds;
 
// get tag element
var countdown = document.getElementById("countdown");
 
// update the tag with id "countdown" every 1 second
setInterval(function () {
 
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
 
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = parseInt(seconds_left % 86400);
     
    hours = parseInt(seconds_left / 3600);
    seconds_left = parseInt(seconds_left % 3600);
     
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
     
    // format countdown string + set tag value
    countdown.innerHTML = days + "d, " + hours + "h, "
    + minutes + "m, " + seconds + "s";  

}, 1000);
     
           });    
}); });