const countdown = document.querySelector('.clock');

// Set Launch Date (ms)
const launchDate = new Date('Jan 1, 2019 13:00:00').getTime();

// Update every second
const intvl = setInterval(() => {
  // Get todays date and time (ms)
  const now = new Date().getTime();

  // Distance from now and the launch date (ms)
  const distance = launchDate - now;

  // Time calculation
  const days = Math.floor(distance / (1000 * 60 * 60 * 24));
  const hours = Math.floor(
    (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
  );
  const mins = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Display result
  countdown.innerHTML = `
  <div class="clock-space col-xs-2 col-sm-2, col-md-2, col-lg-2">
	<span class="days time">${days}</span>
	<div data-locale="clock_days" class="text">days</div>
</div>
<div class="clock-space col-xs-2 col-sm-2, col-md-2, col-lg-2">
	<span class="hours time">${hours}</span>
	<div data-locale="clock_hours" class="text">hours </div>
</div>
<div class="clock-space col-xs-2 col-sm-2, col-md-2, col-lg-2">
	<span class="minutes time">${mins}</span>
	<div data-locale="clock_minutes" class="text">min</div>
</div>
<div class="clock-space col-xs-2 col-sm-1, col-md-1, col-lg-1">
	<span class="seconds time">${seconds}</span>
	<div data-locale="clock_seconds" class="text">sec</div>
</div>
`;

  // If launch date is reached
  if (distance < 0) {
    // Stop countdown
    clearInterval(intvl);
    // Style and output text
    countdown.style.color = '#17a2b8';
    countdown.innerHTML = 'Launched!';
  }
}, 1000);