我正在尝试找到一种将div一次附加到一个容器的好方法。我不想附加所有的div并让它们一次消失。下面的代码不起作用。如果没有for循环,它将一次追加一个。我尝试了for循环来限制div被顺序追加的次数,但是每秒输出4 div。我希望它每秒输出一个div,四次。
for(var i = 0;i < 4; i++){
setInterval(function(){
$(".output").append("<div class='odiv'>TEST</div>")
},1000)
}
CSS:
.odiv{
display: inline-block;
}
的HTML:
<div class="output"></div>
只需使用timeout而不是带有时间间隔的时间作为当前迭代索引的函数1000 * i
:
for (var i = 0; i < 4; i++) {
setTimeout(function () {
$(".output").append("<div class='odiv'>TEST</div>")
}, 1000 * i);
}
.odiv {
display: inline-block;
padding: 5px;
background: #EEE;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="output"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句