جافا سكريبت الغزل الانتظار شيء من نوع الساعة الرملية

Question

أود أن أوضح لمستخدم تطبيق الويب أنه يتم تنفيذ مهمة طويلة الأمد.ذات مرة، تم توصيل هذا المفهوم إلى المستخدم من خلال عرض الساعة الرملية.في الوقت الحاضر، يبدو الأمر وكأنه دائرة دوارة متحركة.(على سبيل المثال، عند تحميل علامة تبويب جديدة في Firefox، أو التشغيل في نظام التشغيل Mac OS X.من قبيل الصدفة، يبدو المكدس الفائض في شعار Stackoverflow مثل ربع الدائرة).

هل هناك طريقة بسيطة لإنشاء هذا التأثير باستخدام Javascript (على وجه الخصوص، JQuery)؟من الناحية المثالية، أرغب في الحصول على أحد هذه العناصر الدوارة الصغيرة كعناصر في جدول، للإشارة للمستخدم إلى أن النظام لا يزال نشطًا في معالجة مهمة معلقة (أي أنه لم ينس أو يتعطل).(بالطبع، أدرك أنه من الممكن أن تكون الواجهة الخلفية قد تعطلت ولا تزال الواجهة الأمامية تظهر كشيء متحرك، وهو أكثر للغرض النفسي المتمثل في رؤية المستخدم للنشاط).

وماذا تسمي ذلك الشيء الدوار، على أي حال؟

Answer 1

جوجل مؤشر نشاط اياكس للعثور على الكثير من الصور ومولدات الصور (الصورة "الدوارة" نفسها عبارة عن صورة GIF متحركة).

هنا رابط واحد للبدء.

مع وجود الصورة في متناول اليد، استخدم JQuery لتبديل رؤية الصورة (أو ربما علامة DIV الأصلية الخاصة بها).يرى هذا الرابط لمزيد من المعلومات.

روبية

Answer 2

هذا الموقع سوف يفعل ذلك لك:

ajaxload

وفي نظام التشغيل OS X يُطلق عليها اسم "Beachball" وأود أن أضيف "Of Death".

Answer 3

http://preloaders.net/en/letters_numbers_words جميل ويحتوي على الكثير من الفئات الموجودة أسفل القائمة اليسرى والتي تقدم أكثر من http://ajaxload.info يفعل، بالإضافة إلى خيارات الحجم والخلفية...يبدو ajaxload قديمًا جدًا هذه الأيام.

Answer 4

أفترض أنك تقصد شيئًا ما للإشارة إلى نشاط الخلفية أثناء مكالمة Ajax.

أميل إلى الحصول على فئة CSS تقوم بتعيين صورة الخلفية على صورة GIF متحركة صغيرة، مع الحشو والموضع المناسبين (تذكر إيقاف تشغيل تكرار الخلفية)، ثم قم بإضافة تلك الفئة وإزالتها باستخدام اثنين من مساعدي JavaScript يتم استدعاؤهما عندما يتم استدعاء Ajax يتم بدء المكالمة، وعندما يتم تشغيل رد الاتصال للاستجابة.