/*
    Created By Source Code Site
    For More Source Code Visite 
    www.sourcecodesite.com
*/

var display =  $("#timer");
var secs = 0;
var mins = 0;
var hrs  = 0;
var h = "";
var m = "";
var s = "";
var timer;
 $(btn).attr("disabled", "disabled");
function countTimer(){
  secs++;
  if(secs >= 60){
    secs = 0;
    mins++;
    if(mins >= 60){
      mins = 0;
      hrs++;
    }
  }
  
  h = hrs ? hrs > 9 ? hrs : "0" + hrs : "00";
  m = mins ? mins > 9 ? mins : "0" + mins : "00";
  s = secs > 9 ? secs : "0" + secs;
  
  display.html(h+":"+m+":"+s+"s");
  
  timerDuration();
}
function timerDuration(){
  if(hrs != 99){
    
    //timer = setTimeout(countTimer, 100); 
    timer = setTimeout(function () {
      countTimer();
            $(".okio").effect("highlight", {}, 200);
        }, 100);
    
  }
  
}
function startTimer(btn){
  //$(btn).text("Resume");
  $(btn).text("Resume").attr("disabled", "disabled");
  timerDuration();
  
}
function stopTimer(){
   
  document.getElementsByClassName('btn-success')[0].removeAttribute('disabled');
  clearTimeout(timer);
}
function resetTimer(){
  $("#resume").text("START");
  document.getElementsByClassName('btn-success')[0].removeAttribute('disabled');
  clearTimeout(timer);
  display.text("00:00:00s");
  secs = 0; 
  mins = 0; 
  hrs = 0;
  h = "";
  m = "";
  s = "";
}