Question

我在jQuery中遇到for循环的问题

我希望逐个显示价值

1然后2然后3到50

但它同时显示1到50

HTML

<div><span></span></div>

JS

var i=0;


for(i=0;i<=50;i++)
{
    $("div").hide().append("<span>" + i + "</span>" + "\n").fadeIn(500);

}

Answer 1

试试这个：而不是循环，你可以使用setInterval来追加计数值并增加计数。

var i = 0;
var limit = 50;

var interval = setInterval(function () {
    $("div").append("<span>" + i + "</span>" + "\n").fadeIn(500);

    if (i == limit) clearInterval(interval); //stop interval
    i++;
}, 2000);

<强> Demo

Answer 2

你可以这样做

for (i = 0; i <= 50; i++) {
    $("div").append($("<span/>", {
        text: i
    }).hide().delay(i * 400).fadeIn(300));

}

Fiddle

我在jQuery中面临for循环的问题

2 个答案: