coundown-timer.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. //[timer contact Javascript]
  2. //Project: Riday Admin - Responsive Admin Template
  3. $(function () {
  4. "use strict";
  5. // set the date we're counting down to
  6. var target_date = new Date('Jan, 31, 2022').getTime();
  7. // variables for time units
  8. var days, hours, minutes, seconds;
  9. // get tag element
  10. var countdown = document.getElementById('countdown');
  11. // update the tag with id "countdown" every 1 second
  12. setInterval(function () {
  13. // find the amount of "seconds" between now and target
  14. var current_date = new Date().getTime();
  15. var seconds_left = (target_date - current_date) / 1000;
  16. // do some time calculations
  17. days = parseInt(seconds_left / 86400);
  18. seconds_left = seconds_left % 86400;
  19. hours = parseInt(seconds_left / 3600);
  20. seconds_left = seconds_left % 3600;
  21. minutes = parseInt(seconds_left / 60);
  22. seconds = parseInt(seconds_left % 60);
  23. // format countdown string + set tag value
  24. countdown.innerHTML = '<div class="days timer col mb-30"> <div class="b-1 p-30 rounded">' + days + ' <div class="text">Days</div></div></div> <div class="hours timer col mb-30"> <div class="b-1 p-30 rounded">' + hours + ' <div class="text">Hours</div></div></div> <div class="minutes timer col mb-30"> <div class="b-1 p-30 rounded">' + minutes + ' <div class="text">Minutes</div></div></div> <div class="seconds timer col mb-30"> <div class="b-1 p-30 rounded">' + seconds + ' <div class="text">Seconds</div></div></div>';
  25. }, 1000);
  26. }); // End of use strict