javascript - jQuery 文本加载动画

Question

尝试制作文本...加载动画

这是我的立场:http://jsfiddle.net/aGfct/

我可以让 ... 以 500 毫秒的间隔添加，但随后我想删除它们，然后开始播放动画/直到加载完成(基本上它可以永远循环，我会在完成)。

任何帮助都会很棒。

谢谢。

_查理

Answer 1

i = 0;
setInterval(function() {
    i = ++i % 4;
    $("#loading").html("loading"+Array(i+1).join("."));
}, 500);

如果您希望在 5 次之后更改字符串，那是在 10 次迭代之后。这可以像这样完成。

i = 0;
text = "loading";
setInterval(function() {
    $("#loading").html(text+Array((++i % 4)+1).join("."));
    if (i===10) text = "start";
}, 500);