Advertisement
afsarwebdev

JS countdown for 24 hours repeat

Jul 10th, 2018
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.55 KB | None | 0 0
  1. //Countdown for 24 hour repeat
  2. jQuery(function(){
  3. var target_date='2018-06-10';
  4. var target_time='23:59:59';
  5. var target_date_time=new Date(target_date+' '+target_time);
  6. var countdown='';
  7. setInterval(function(){
  8. var current_date_time=new Date();
  9. if (target_date_time<=current_date_time){
  10. target_date=(current_date_time.getFullYear())+'-'+current_date_time.getMonth()+'-'+(current_date_time.getDate()+1);
  11. target_date_time=new Date(target_date+' '+target_time);
  12. }
  13.  
  14. var elapsed = target_date_time - current_date_time;
  15. var difference = new Date(elapsed);
  16. var diff_hours = difference.getHours();
  17. var diff_mins = difference.getMinutes();
  18. var diff_sec = difference.getSeconds();
  19.  
  20. countdown = '<div class="simply-section"><div>' + '<span class="simply-amount">' + diff_hours + '</span>' + '<span class="simply-word">' + "Hours " + '</span>' + '</div></div>'
  21. + '<div class="simply-section"><div>' + '<span class="simply-amount">' + diff_mins + '</span>' + '<span class="simply-word">' + "Minutes " + '</span>' + '</div></div>'
  22. + '<div class="simply-section"><div>' + '<span class="simply-amount">' + diff_sec + '</span>' + '<span class="simply-word">' + "Seconds " + '</span>' + '</div></div>';
  23.  
  24. document.getElementById("ic-countdown").innerHTML = countdown;
  25. }, 1000);
  26. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement