如何使用javascript每1秒递增一个数字?

如何使用javascript每1秒递增一个数字?,javascript,html,Javascript,Html,一切正常,但我无法设置延迟。另外,我希望在特定间隔后停止增量。请帮帮我 Javascript: $(document).ready(function() { var number = parseInt($('#test').text().trim()); while (number != 1000) { number++; $("#test").text(number); var number = parseInt($('#test

一切正常,但我无法设置延迟。另外,我希望在特定间隔后停止增量。请帮帮我

Javascript:

$(document).ready(function() {
    var number = parseInt($('#test').text().trim());
    while (number != 1000) {
        number++;
        $("#test").text(number);
        var number = parseInt($('#test').text().trim());
    }
});
HTML:

1


使用
设置间隔
添加
延迟

请参见代码中的内联注释:

$(document).ready(function() {
    var number = parseInt($('#test').text(), 10) || 0; // Get the number from paragraph


    // Called the function in each second
    var interval = setInterval(function() {
        $('#test').text(number++); // Update the value in paragraph

        if (number > 1000) {
            clearInterval(interval); // If exceeded 100, clear interval
        }
    }, 1000); // Run for each second
}); 
这里有一个

$(文档).ready(函数(){
setInterval(函数(){
var number=parseInt($('#test').text().trim());
如果(数量<1000){
$('#test').html(数字+1);
}
}, 1000);
});

试试
setInterval

$(函数(){
var test=$('#test');//缓存对象
setInterval(函数(){
test.text(1+(+test.text());//+('3')您可以使用
innerText
也是一个可编辑属性,因此您也可以尝试以下操作:

var loop=setInterval(函数(){
++$(“#测试”)[0]。innerText>=1000&&clearInterval(循环)
},10)

0

(函数(){
让counterEl=document.getElementById('counter');
设数=0;
let interval=setInterval(()=>{
counterEl.innerText=number++;
如果(数量>10){
间隔时间;
}
},1000);//每1秒重复一次
})();

0
Google:setTimeout-setIntervalI已经使用过它,但它不起作用。@Amit-setTimeout(1000);可能是重复的,增量在一秒钟后运行,我可以再增加一点吗faster@AmanjotKaur是,将
clearInterval
1000
更改为较低的值value@PraveenKumar没有,被移除了now@Tushar看我的答案编辑,也许听起来对你来说是新的:是的,我也用了你的方法。我可以知道是什么吗1e3@AmanjotKaur1e3是e等于1000,1e6等于1000000:)。
$(document).ready(function() {
    var number = parseInt($('#test').text(), 10) || 0; // Get the number from paragraph


    // Called the function in each second
    var interval = setInterval(function() {
        $('#test').text(number++); // Update the value in paragraph

        if (number > 1000) {
            clearInterval(interval); // If exceeded 100, clear interval
        }
    }, 1000); // Run for each second
}); 
$(document).ready(function(){
    setInterval(function () {
       var number = parseInt($('#test').text().trim());
       if (number < 1000) {
          $('#test').html(number+1);
       }
    }, 1000);
});