使用Javascript计数到100（在div中）

我只想使用javascript在一个div中计数到100。为什么只有最后一个数字

这是我的密码：

功能测试（）{
对于（变量x=1；x<101；x++）{
document.getElementById（“demo”）.innerHTML=（x+“
”）；
}
}函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

100
删除

change

document.getElementById（“demo”）.innerHTML+=（x+”
）此行


功能测试（）{
对于（变量x=1；x<101；x++）{
document.getElementById（“demo”）.innerHTML+=（x+“
”）；
}
}函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

100
删除
change
document.getElementById（“demo”）.innerHTML+=（x+”
）此行


功能测试（）{
对于（变量x=1；x<101；x++）{
document.getElementById（“demo”）.innerHTML+=（x+“
”）；
}
}函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

100
删除
因为使用innerHTML将继续覆盖id为“demo”的div的内容。您需要追加新号码

请看这个例子（我更新了你的代码）


功能测试（）{
对于（变量x=1；x<101；x++）{
var current_contents=document.getElementById（“demo”）.innerHTML；
document.getElementById（“demo”）.innerHTML=当前内容+（x+“
”）；
}
}函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

100
删除
因为使用innerHTML将继续覆盖id为“demo”的div的内容。您需要追加新号码

请看这个例子（我更新了你的代码）


功能测试（）{
对于（变量x=1；x<101；x++）{
var current_contents=document.getElementById（“demo”）.innerHTML；
document.getElementById（“demo”）.innerHTML=当前内容+（x+“
”）；
}
}函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

100
删除
因为它发生得太快，以至于你只能看到最后一个数字。这样做：


var\u计数器=1；
var _timer=null；
函数测试（）{
_计数器=1；
_计时器=设置间隔（函数（）{
document.getElementById（“demo”）.innerHTML=（_counter+“
”）；
_计数器++；
如果（_计数器>100）清除间隔（_计时器）；
}, 1000);
}
函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

计数
删除
，因为它发生得太快，以至于您只能看到最后一个数字。这样做：


var\u计数器=1；
var _timer=null；
函数测试（）{
_计数器=1；
_计时器=设置间隔（函数（）{
document.getElementById（“demo”）.innerHTML=（_counter+“
”）；
_计数器++；
如果（_计数器>100）清除间隔（_计时器）；
}, 1000);
}
函数leer（）{
document.getElementById（“演示”）.innerHTML=“删除”
}

计数
删除
尝试使用
.append
而不是
。innerHTML
尝试使用
。append
而不是
。innerHTML
只是一个指针，如果问题是这样的基本问题，最好进行注释，因为OP可以选择删除帖子。此外，你应该寻找类似的帖子，并在评论部分分享它们的链接，直到你有权关闭自己。只是一个指针，如果问题是这样基本的，最好是评论，因为OP可以选择删除帖子。此外，你应该寻找类似的帖子，并在评论部分分享它们的链接，直到你有权关闭自己。事实上，使用+=操作符更好，就像萨巴·坦达什维利指出的那样。事实上，使用+=操作符更好，就像萨巴·坦达什维利指出的那样。