JavaScript中计数器的自动递增

我想在页面加载时自动将计数器从0设置为给定值。最近我发现了一个，但它与按钮点击

var amount=parseInt($('#amount').val());
var i = parseInt($('#count').val());
var tim;

function run(){
    tim = setInterval(function(){
        if(i>=amount){clearInterval(tim); return;}
        $('#count').val(++i);
    },100);        
}

$('#runner').click(function(){         
    run();
});

请参见>>

此外，我还想在其中添加一个重置按钮，每次单击该按钮时，该按钮将从0再次运行。

使用文档就绪：

$(document).ready(function() {
   run();
});

您可以通过将计数指定为0来重置计数器

使用文档就绪：

$(document).ready(function() {
   run();
});

您可以通过将计数指定为0来重置计数器

---

您可以在onload中调用函数，您可以在那里执行

像

---

无论何时加载页面，run函数都将调用。

您可以在onload中调用函数，您可以在onload中执行此操作

像

---

每次加载页面时，run函数都会调用。

只需在document ready中调用run方法即可：

$(document).ready(function() {  
  run();
}); 

---

只需在document ready中调用您的run方法：

$(document).ready(function() {  
  run();
}); 

这里

Html:

脚本：

<script type="text/javascript">
  var amount=parseInt($('#amount').val());
    var i = parseInt($('#count').val());
    var tim;

    function run(){
        tim = setInterval(function(){
            if(i>=amount){clearInterval(tim); return;}
            $('#count').val(++i);
        },100);        
    }
    run();

    $('#stopper').click(function(){        
        clearInterval(tim);
    });

   $('#resetter').click(function(){    
     clearInterval(tim);    
     i=0;
     $('#count').val(i);
     run();
    });

    $('#starter').click(function(){        
      clearInterval(tim);
      run();
   });
</script>

这里

Html:

脚本：

<script type="text/javascript">
  var amount=parseInt($('#amount').val());
    var i = parseInt($('#count').val());
    var tim;

    function run(){
        tim = setInterval(function(){
            if(i>=amount){clearInterval(tim); return;}
            $('#count').val(++i);
        },100);        
    }
    run();

    $('#stopper').click(function(){        
        clearInterval(tim);
    });

   $('#resetter').click(function(){    
     clearInterval(tim);    
     i=0;
     $('#count').val(i);
     run();
    });

    $('#starter').click(function(){        
      clearInterval(tim);
      run();
   });
</script>

---

答案就在你的标题里。在页面加载时调用它。答案就在你的标题里。在页面加载时调用它。谢谢，它正在工作；我还包括在重置运行功能，现在它是从0自动运行重置后。感谢它正在工作；我还包括在重置运行功能，现在它是从0自动运行重置后。