Javascript 基本文本仅加载指示器

Question

我想使用一个基本的、纯文本的加载指示器。因此，我不想使用图像，而只想显示文本:

Loading ...

当一些 AJAX 请求发生时。我希望这段文字像这样改变:

Loading ...

然后:

Loading ..

然后:

Loading .

然后:

Loading ..

然后:

Loading ...

等等。有任何想法吗？我可以为此使用 jquery。

Answer 1

你可以这样做(适应你的需要):

<span>loading</span>
<span class="dots"></span>

jQuery

function animateIt() {

 var text = '...';
 jQuery({count:0}).animate({count:text.length}, {
     duration: 2000,
     step: function() {
         $(".dots").text( text.substring(0, Math.round(this.count)) );
     },
     complete: function() {
         animateIt();
     }
  });
}

animateIt();

这是一个例子:http://jsfiddle.net/uZkzX/