jQuery文本加载动画

Question

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

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

我可以以500毫秒的间隔添加...然后我想删除它们然后开始动画结束/直到加载完成(基本上它可以永远循环,并且我会在完成时淡出它).

任何帮助都会很棒.

谢谢.

_charlie

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);

Answer 2

http://jsfiddle.net/paska/aGfct/12/

var originalText = $("#loading").text(),
    i  = 0;
setInterval(function() {

    $("#loading").append(".");
    i++;

    if(i == 4)
    {
        $("#loading").html(originalText);
        i = 0;
    }

}, 500);