Advertisement
Achmad5191

Countdown

Nov 20th, 2014
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.58 KB | None | 0 0
  1. <style type="text/css" scoped="scoped">
  2. #tahunbaru2015 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  3. .teks {color:white}
  4. </style>
  5. <div id="tahunbaru2015">
  6. <span id="countdown"></span>
  7. </div>
  8. <script type='text/javascript'>
  9. //<![CDATA[
  10. // set the date we're counting down to
  11. var target_date = new Date("Jan 1, 2015").getTime();
  12. // variables for time units
  13. var days, hours, minutes, seconds;
  14. // get tag element
  15. var countdown = document.getElementById("countdown");
  16. // update the tag with id "countdown" every 1 second
  17. setInterval(function () {
  18. // find the amount of "seconds" between now and target
  19. var current_date = new Date().getTime();
  20. var seconds_left = (target_date - current_date) / 1000;
  21. // do some time calculations
  22. days = parseInt(seconds_left / 86400);
  23. seconds_left = seconds_left % 86400;
  24.  
  25. hours = parseInt(seconds_left / 3600);
  26. seconds_left = seconds_left % 3600;
  27.  
  28. minutes = parseInt(seconds_left / 60);
  29. seconds = parseInt(seconds_left % 60);
  30.  
  31. // format countdown string + set tag value
  32. countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  33. + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju Tahun</span> 2015";
  34. if(seconds < 1) {
  35. clearTimeout(timer);
  36. countdown.innerHTML = '<h2>Anu</h2>';
  37. countdown.innerHTML += '<a href="http://achmad.com">anu anu</a>';
  38. }
  39. }, 1000);
  40. //]]>
  41. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement