Javascriptのくるくる待つ砂時計型のもの

Question

Web アプリのユーザーに、長時間実行されるタスクが実行されていることを示したいと考えています。かつて、この概念は砂時計を表示することでユーザーに伝えられていました。今では、アニメーションの回転サークルのようです。(例: Firefox で新しいタブをロードしているとき、または Mac OS X で起動しているとき。偶然にも、stackoverflow ロゴのオーバーフロー スタックは円の 4 分の 1 のように見えます。

Javascript (特に JQuery) を使用してこの効果を作成する簡単な方法はありますか?理想的には、これらの小さなスピナーの 1 つをテーブル内の要素として使用して、システムが保留中のタスクの処理でまだアクティブである (つまり、忘れたりクラッシュしたりしていない) ことをユーザーに示したいと考えています。(もちろん、バックエンドがクラッシュしても、フロントエンドがまだ回転するアニメーションとして表示されている可能性があることは理解しています。これは、ユーザーがアクティビティを見るという心理的な目的のためです)。

それで、とにかく、あの回転するものを何と呼びますか？

Answer 1

グーグル Ajaxアクティビティインジケーター たくさんの画像と画像ジェネレーターを見つけてください (「回転する」画像自体はアニメーション GIF です)。

ここは 1つのリンク 始めましょう。

画像を手に入れた状態で、JQuery を使用して画像 (またはその親 DIV タグ) の表示/非表示を切り替えます。見る このリンク さらに詳しい情報については。

RP

Answer 2

このサイトがそれをやってくれます:

ajaxload

OS X では「ビーチボール」と呼ばれますが、私は「Of Death」を追加するのが好きです。

Answer 3

http://preloaders.net/en/letters_numbers_words 素晴らしく、左側のメニューには多くのカテゴリがあり、それ以上のものを提供します http://ajaxload.info あり、さらにサイズと背景のオプション...最近では、ajaxload はかなり時代遅れに見えます。

Answer 4

Ajax 呼び出し中のバックグラウンド アクティビティを示すためのものだと思います。

私は、背景画像を小さなアニメーション GIF に設定し、適切なパディングと位置を設定する CSS クラスを用意し (background-repeat をオフにすることを忘れないでください)、Ajax が呼び出されるときに呼び出されるいくつかの JavaScript ヘルパーを使用してそのクラスを追加および削除する傾向があります。呼び出しが開始され、応答コールバックが実行されるとき。