Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<meta charset=utf-8 />
    <title>Display a Counter</title>
    <style type="text/css">
        #displayCounter{
        font-size:42px;
        font-family:Georgia;
        }
    </style>
</head>
<body>
  clearInterval(counter);
  <div id="displayCounter3"></div>
</body>
</html>
  
 
$(function() {
  var seccnt = 0;
  var hrcount=10;
  var mincount=0;
  var seccounter = setInterval(function() {
    if (seccnt <10) {
      $('#displayCounter').html(seccnt);
      $('#displayCounter2').html(mincount);
      $('#displayCounter3').html(hrcount);
      seccnt++;
      if(seccnt==1)
        {
          mincount++; 
          $('#displayCounter2').html(mincount);
          seccnt=0;
        }
        if(mincount==1 )
        {
          hrcount++ ; 
          $('#displayCounter3').html(hrcount);
          mincount=20;
        }
    }
   
  },0.1);
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers