JCP playground

<div class=”col-xs-12 col-md-6″ style=”text-align: center;”>
<h4 style=” text-align:center; font-weight:bold; margin-bottom:10px;”><i class=”fa fa-clock-o” aria-hidden=”true” style=”color:#9EE6F3; font-size:30pt;”></i> Time left to File a Claim</h4>
<ul class=”clock” id=”clock”>
<li><span id=”days”></span>days</li>
<li><span id=”hours”></span>Hours</li>
<li><span id=”minutes”></span>Minutes</li>
<li><span id=”seconds”></span>Seconds</li>
</ul>
</div>

<script>
const second = 1000,
minute = second * 60,
hour = minute * 60,
day = hour * 24;

let countDown = new Date(‘Mar 16, 2020 23:59:59’).getTime(),
x = setInterval(function() {

let now = new Date().getTime(),
distance = countDown – now;

document.getElementById(‘days’).innerText = Math.floor(distance / (day)),
document.getElementById(‘hours’).innerText = Math.floor((distance % (day)) / (hour)),
document.getElementById(‘minutes’).innerText = Math.floor((distance % (hour)) / (minute)),
document.getElementById(‘seconds’).innerText = Math.floor((distance % (minute)) / second);

if (distance < 0) {
clearInterval(x);
document.getElementById(“clock”).innerHTML = “<span style=’font-size:4em; font-weight=’bold;’>EXPIRED<span>”;
}

}, second)
</script>