PayneLess_Designs

Countdown Timer

Apr 23rd, 2011
419
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.28 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html><head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. <title>Countdown Timer</title>
  5.  
  6. <meta name="created" content="Sat, 23 Apr 2011 07:00:41 GMT">
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. <meta name="author" content="PayneLess Designs">
  10. <meta name="copyright" content="Jan 2004 to present.">
  11. <meta name="robots" content="all">
  12. <meta name="revisit-after" content="60 days">
  13.  
  14. <link rel="stylesheet" type="text/css" href="site_css/css_2010.css">
  15. <link rel="copyright" href="copyright_pld.html">
  16. <link rel="shortcut icon" href="imgs/favicon.ico">
  17.    
  18. <style type="text/css">
  19. #wrap {
  20. width: 430px;
  21. margin: 0 auto;
  22. padding: 20px;
  23. background: #000;
  24. text-align: center;
  25. }
  26.  
  27. span#countDown {
  28. font-family: 'times new roman', arial, sans-serif;
  29. font-size: 1.25em;
  30. color: #ff0;
  31. }
  32.  
  33. p a {
  34. color: #fff;
  35. text-align: center;
  36. text-decoration: overline underline;
  37. }
  38. </style>
  39.  
  40. <!--[if IE]>
  41. <link rel="stylesheet" type="text/css" href="iestyle.css">
  42. <script type="text/javascript" src="site_js/js_blink4IE.js"></script>
  43. <![endif]-->
  44. </head>
  45. <body>
  46. <div id="wrap">
  47. <script type="text/javascript">
  48. (function(){ // Countdown timer
  49. var countDown = '12/31/2011 00:00';
  50. var message = 'Woohoo!';
  51. var offset = -0; // to the nearest hour.
  52. document.write('<span id="countDown"><\/span>');
  53. var dT = new Date( countDown ).getTime();
  54. var onLoad = window.onload; var tick;
  55. window.onload = function(){
  56. if(onLoad != null) onLoad();
  57. tick = setInterval(ticker, 1000);
  58. }; function ticker(){
  59. var e = document.getElementById( 'countDown' );
  60. var dC = new Date().getTime();
  61. var d = Math.floor((dT-dC)/1000) - offset*60*60;
  62. if(d>0) e.innerHTML = format(d);
  63. else {
  64. e.innerHTML = message;
  65. clearInterval(tick);
  66. } function format(t){
  67. var d = Math.floor(t/(24*60*60));
  68. var h = Math.floor((t-d*24*60*60) / (60*60));
  69. var m = Math.floor((t-(d*24*60*60 + h*60*60)) / 60);
  70. var s = Math.floor((t-(d*24*60*60 + h*60*60 + m*60)));
  71. return d+' DAYS | '+h+' HOURS | '+m+' MINUTES | '+s+' SECONDS';
  72. };};})();
  73. document.write('<p><a href="http://PayneLessDesigns.com/" title="PayneLess Designs">Modified by PayneLess Designs<\/a><\/p>');
  74. </script>
  75. </div>
  76. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment