Time Counter With JQuery

  1. <span id="Span2" style="float: left; padding-left: 10px; padding-right: 5px;">    
  2.     If you did not received One-Time Password (OTP)</span> <span id="pleaseWait" style="float: left;">Please wait <span id="timeCount">120</span> seconds.</span> <span id="Span1" style="display: none; float: left; padding-top: 2px;">    
  3. <script src="js/jquery-1.7.1.min.js"></script>    
  4.     
  5. <script type="text/javascript">    
  6.     window.onload = function(){    
  7.     
  8.       (function(){    
  9.          var counter = 120;    
  10.                     
  11.          setInterval(function() {    
  12.             counter--;    
  13.             if (counter >= 0) {    
  14.                 span = document.getElementById("timeCount");    
  15.                 span.innerHTML = counter;    
  16.             }    
  17.             // Display 'counter' wherever you want to display it.    
  18.             if (counter === 0) {    
  19.                 document.getElementById('pleaseWait').style.display = 'none';    
  20.                 document.getElementById('Span1').style.display = 'block';    
  21.                 }    
  22.             }, 1000);    
  23.        })();    
  24.     
  25.      }                    
  26. </script>