60 Seconds Count down Jquery

Displays count down for 60 seconds using Jquery

by Ufuk Ozdemir

HTML

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<div>
  <span id="timer">
    <span id="time">10</span>Seconds      
  </span>
</div>

CSS

#time{
  font-size: 30px;
}

JavaScript

var counter = 7200;
var interval = setInterval(function() {
    counter--;
    // Display 'counter' wherever you want to display it.
    if (counter <= 0) {
     		clearInterval(interval);
      	$('#timer').html("<h3>Count down complete</h3>");  
        return;
    }else{
    	$('#time').text(counter);
      console.log("Timer --> " + counter);
    }
}, 1000);