How to make a free countdown timer

A code of making "CountDown Timer" is shared below. What you need to do just copy and paste the code where you want to show the countdown timer. In this I use a very simple coding site for this it will not slow down your site/blog you can use the "CountDown Timer" to any site including blogger.

<table style="background-color: #0df2b9; border-collapse: collapse; text-align: center;"><caption>Exam! Remaining Time</caption>
<tbody>
<tr class="alt">
    <th style="font-size: 26px"><div id="days">
</div>
</th>
    <th style="font-size: 26px">:
</th>
    <th style="font-size: 26px"><div id="hours">
</div>
</th>
    <th style="font-size: 26px">:
</th> 
    <th style="font-size: 26px"><div id="minutes">
</div>
</th>
    <th style="font-size: 26px">:
</th>
    <th style="font-size: 26px"><div id="seconds">
</div>
</th>
  </tr>
<tr class="alt">
 <td style="font-size: 12px">Days:
</td>
<td>
</td>
 <td style="font-size: 12px">Hours:
</td>
<td>
</td>
 <td style="font-size: 12px">Minutes:
</td>
<td>
</td>
 <td style="font-size: 12px">Second
</td>
  </tr>
</tbody></table>
<script>
// Set the date we're counting down to
var countDownDate = new Date("apr 21, 2017 23:59:59").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

    // Get todays date and time
    var now = new Date().getTime();
    
    // Find the distance between now an the count down date
    var distance = countDownDate - now;
    
    // Time calculations for days, hours, minutes and seconds
    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);
    
    // Output the result in an element with id="demo"
    document.getElementById("days").innerHTML = days;
    document.getElementById("hours").innerHTML = hours;
    document.getElementById("minutes").innerHTML = minutes;
    document.getElementById("seconds").innerHTML = seconds;
    // If the count down is over, write some text 
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "EXPIRED";
    }
}, 1000);
</script>

I'm showing here how to share this countdown timer in a widget in blogspot:
Step-1:

Step-2

Step-3:

Step-4:

Its all done

Note: You can share the countdown timer in post too. You need to copy and paste the code in your post in HTML mode

*Our FB group*	*AMIE Help Center*
*Our Another Site*	*Voltage Facts*

Author Description

AMIE Study