Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript基本纯文本加载指示器_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript基本纯文本加载指示器

Javascript基本纯文本加载指示器,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我想使用一个基本的,纯文本,加载指示器。因此,我不想使用图像,只想显示一个文本: Loading ... 当一些AJAX请求发生时。我希望此文本的变化如下: Loading ... 然后: 然后: 然后: 然后: 等等。有什么想法吗?我可以使用jquery进行此操作。您可以这样做(适应您的需要): 下面是一个例子: Loading .. Loading . Loading .. Loading ... <span>loading</span> <span

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

Loading ...
当一些AJAX请求发生时。我希望此文本的变化如下:

Loading ...
然后:

然后:

然后:

然后:


等等。有什么想法吗?我可以使用jquery进行此操作。

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

下面是一个例子:

Loading ..
Loading .
Loading ..
Loading ...
<span>loading</span>
<span class="dots"></span>
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();