Return to Snippet

Revision: 70765
at July 1, 2016 20:01 by envane21


Initial Code
$(document).ready(function(){
  
  var fragmentTime;
  jQuery('.timeout_message_show').hide();
  var minutes = jQuery('span.minute').text();
  var seconds = jQuery('span.second').text();
  minutes = parseInt(minutes);
  seconds = parseInt(seconds);
  if (isNaN(minutes)) {
    minutes = 00;
  }
  if (isNaN(seconds)) {
    seconds = 00;
  }
  if (minutes == 60) {
    minutes = 59;
  }
  if (seconds == 60) {
    seconds = 59;
  }
  fragmentTime = (60 * minutes) + (seconds);
  displayMinute = document.querySelector('span.minute');
  displaySecond = document.querySelector('span.second');
  startTimer(fragmentTime, displayMinute, displaySecond);
});

function startTimer(duration, displayMinute, displaySecond) {
  var timer = duration,
      displayMinute, displaySecond;
  var timeIntervalID = setInterval(function () {
    minutes = parseInt(timer / 60, 10);
    seconds = parseInt(timer % 60, 10);
    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;
    displayMinute.textContent = minutes;
    displaySecond.textContent = seconds;
    if (--timer < 0) {
      timer = 0;
      if (timer == 0) {
        clearInterval(timeIntervalID);
        //alert(jQuery('.timeout_message_show').text());
      }
    }
  }, 1000);
}


HTML

<div class="timer-container" id="#run-the-timer">
       <span class="minute">02</span>:<span class="second">00</span> <span>seconds</span>
      </div>

Initial URL

                                

Initial Description
Timer countdown with minutes and seconds

Initial Title
Timer countdown with minutes and seconds

Initial Tags

                                

Initial Language
JavaScript