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/