JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Sanity Check</h1>
<hr>
<ul>
  <li><p class="countdown"><span id="apts"></span> until we should look for apartments</p></li>  
  <li><p class="countdown"><span id="movein"></span> until Montreal Move In Day</p></li>
  <li><p class="countdown"><span id="osheaga"></span> until OSHEAGA 2017</p></li>  
</ul>

CSS

.countdown, h1{
  text-align: center;
}

.countdown span{
  display: block;
}

JavaScript

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 = 'THE COUNTDOWN IS OVER -- IT\'S HERE!';

            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 + ' hours, ';
        document.getElementById(id).innerHTML += minutes + ' minutes, and ';
        document.getElementById(id).innerHTML += seconds + ' seconds';
    }

    timer = setInterval(showRemaining, 1000);
}

function showLi(){
	setTimeout(function(){
  	$('li').fadeIn();
  }, 1000);
}

$(function(){
	CountDownTimer('01/28/2017 12:00 AM', 'rutgers');
	CountDownTimer('08/04/2017 12:00 AM', 'osheaga');
	CountDownTimer('03/01/2017 12:00 AM', 'apts');
	CountDownTimer('07/01/2017 12:00 AM', 'movein');
  $('li').hide();
	showLi();
});