Script to get events from JSON and put them on page

xXx_1337_haxXx0r.js

var getFormattedDate = function(distance){
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  return days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
}

var container = $('#demo');

$.get('https://gist.githubusercontent.com/Gimpneek/497f2bf113a3627467885de790faf40f/raw/108630fd8154e535cbe03354d775c9da826edd64/events.json', function(data){
	var json = JSON.parse(data);
	var events = json.map(function(item){
    item.startDate = new Date(item.startDate);
    item.endDate = new Date(item.endDate);
    return item;
  }).filter(function(item){
    return item.endDate > new Date();
  });
  events.map(function(item, ind){
    container.append('<div class="event"><p>' + item.name + '</p><p id="event' + ind + '"></p></div>');
    var interval = setInterval(function(){
      var el = $('#event' + ind);
      var distance = item.endDate.getTime() - new Date().getTime();
      if(distance > -1){
        el.text(getFormattedDate(distance));
      } else {
        el.parent().remove();
        clearInterval(interval);
      }
    }, 1000);
  });
});

To make this display one event add a new line before line 20 with events = [events[0]];