2011-12-16 14 views
1

私は基本的な、テキストのみ、ローディングインジケータを使用したいと思います。画像を使用する代わりに、テキストを表示するだけです:Javascriptの基本的なテキストのみローディングインジケータ

Loading ... 

AJAXのリクエストが行われている間に発生します。私は、このテキストは、次のように変更することを希望:

Loading ... 

その後:

その後
Loading .. 

その後
Loading . 

その後
Loading .. 

Loading ... 

などです。何か案は?私はこれにjqueryを使うことができます。

答えて

3

あなたは(あなたのニーズに適応)このような何か行うことができます:http://jsfiddle.net/uZkzX/

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

は一例です

関連する問題