Jquery Countdown Spesial Happy New Year

https://github.com/csudcy/jquery.fireworks

by Agiel Triono

HTML

<div id="backyear">
  <div id="horrayyy">
  <h4 id="happy-h4">Happy New Year !</h4>
  </div>
  <p id="happynew"></p>
</div>

CSS

#happynew{text-align:center;font-size:150%;color:#fff}
#happynew > b{display:inline-block}
#happynew > b{padding:0 10px;width:auto;border:1px solid}
#happynew .aday{color:#2795EE}
#happynew .aday:after{content:' Day';color:#2795EE}
#happynew .ahour{color:#6CE890}
#happynew .ahour:after{content:' Hours';color:#6CE890}
#happynew .amin{color:#ffeb3b}
#happynew .amin:after{content:' Minute';color:#ffeb3b}
#happynew .asec{color:#ED6E55}
#happynew .asec:after{content:' Second';color:#ED6E55}
#backyear{font-family:'Roboto',sans-serif;background:transparent;display:block;position:relative;overflow:hidden;max-width:998px;margin:0 auto}
#backyear #horrayyy span{text-transform:uppercase}
#horrayyy{width:800px;height:100%;padding:10px;margin:0 auto;position:relative}
#happy-h4{font-size:350%;text-align:center;transition:all ease-in 2s;color:#F44336}

JavaScript

var HappyNew = new Date("Nov 26, 2018 00:00:00").getTime();
var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = HappyNew - now;
  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);
  var sDay = "aday";
  var sHour = "ahour";
  var sMin = "amin";
  var sSec = "asec";
  document.getElementById("horrayyy").style.display = 'none';
  document.getElementById("happynew").innerHTML = "<b class=" + sDay + ">" + days + "</b> <b  class=" + sHour + ">" + hours + "</b> <b  class=" + sMin + ">" + minutes + "</b> <b  class=" + sSec + ">" + seconds + "</b>";
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("happynew").innerHTML = "Happy New Year !";
    document.getElementById("horrayyy").style.display = 'block';
    $('body').fireworks();
  }
}, 1000);
(function($){var MAX_ROCKETS=5,MAX_PARTICLES=500;var FUNCTIONS={'init':function(element){var jqe=$(element);if(jqe.data('fireworks_data')!==undefined){console.log('Looks like this element is already inited!');return}
var canvas=document.createElement('canvas'),canvas_buffer=document.createElement('canvas'),data={'element':element,'canvas':canvas,'context':canvas.getContext('2d'),'canvas_buffer':canvas_buffer,'context_buffer':canvas_buffer.getContext('2d'),'particles':[],'rockets':[]};if(jqe.css('position')==='static'){element.style.position='relative'}
element.appendChild(canvas);canvas.style.position='absolute';canvas.style.top='0px';canvas.style.bottom='0px';canvas.style.left='0px';canvas.style.right='0px';data.interval=setInterval(loop.bind(this,data),1000/50);jqe.data('fireworks_data',data)},'destroy':function(element){var jqe=$(element);if(jqe.data('fireworks_data')===undefined){console.log('Looks like this element is not yet inited!');return}
var...