Advertisement
lalatino

coundown timer

Jul 18th, 2012
567
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.  
  5. function start_onload(last_hour){
  6.     var timeout_message = document.getElementById('timeout_message');
  7.     var currentTime = new Date();
  8.     var hours = currentTime.getHours();
  9.     var minutes = currentTime.getMinutes();
  10.     var seconds = currentTime.getSeconds();
  11.     var expire_time = 0; // in seconds
  12.     if (hours<last_hour) {
  13.         expire_time += (last_hour-hours-1)*3600;
  14.         expire_time += (59-minutes)*60;
  15.         expire_time += (59-seconds);
  16.     }
  17.     else {
  18.         timeout_message.innerHTML = 'It\'s after '+last_hour+' o\'clock!';
  19.         return;
  20.     }
  21.     var expire_time = currentTime.getTime() + 1000*expire_time;
  22.     //console.log(expire_time, hours, minutes, seconds, expire_time);
  23.     function countdown_session_timeout() {
  24.         var current_time = new Date().getTime();
  25.         var remaining = Math.floor((expire_time - current_time)/1000);
  26.         if (remaining>0) {
  27.             hours = Math.floor(remaining/3600);
  28.             minutes = Math.floor((remaining - hours*3600)/60);
  29.             seconds = remaining%60;
  30.             timeout_message.innerHTML = 'Countdown will stop in '+ hours + ' hours ' + minutes + ' min. ' + seconds + ' sec.';
  31.             setTimeout(countdown_session_timeout, 1000);
  32.         } else {
  33.             timeout_message.innerHTML = 'Time is up!';
  34.         }
  35.     }
  36.     countdown_session_timeout();
  37. }
  38.  
  39. </script>
  40. </head>
  41. <body onload="start_onload(18)">
  42. <h1> Countdown example </h1>
  43. <p> http://stackoverflow.com/questions/11548276/how-do-i-create-a-countdown-time-that-resets-at-a-specific-time </p>
  44. <div id="timeout_message" style="position:absolute; left:0; bottom:0; background-color: #ddd; color: red;"></div>
  45. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement