Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
<body>
<div id="counter1"></div>
<div id="counter2"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script> 
​
(function($) {
    $.fn.count = function(){
        return this.each(function(){
            var $this = $(this);
            // Sets the counter start number to zero
            $this.text($.fn.count.defaultOptions.startCount + ''); 
            var myInterval = window.setInterval(function(){
                var currentCount = parseFloat($this.text());
                var newCount = currentCount + 1;
                $this.text(newCount + ''); 
              }, 1000);
    
        });
    };
​
    $.fn.count.defaultOptions = {
        startCount: 100
    };
})(jQuery);
​
jQuery('#counter1').count();
$.fn.count.defaultOptions.startCount = 10;
jQuery('#counter2').count();
  
</script>
</body>
</html>
 
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers