如何使用javascript每1秒递增一个数字?
一切正常,但我无法设置延迟。另外,我希望在特定间隔后停止增量。请帮帮我 Javascript:如何使用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
$(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);
});