بديل افضل من دالة setInterval و setTimeout

في الجافا سكربت استخدام دالة setInterval او اختها setTimeout يعتبر اضافة عبئ على المتصفح و اذا كان المتصفح على الجوال فهذا يستهلك من البطارية.
هذه المشكلة تواجهك بكثر عند بناء تطبيق ويب ممكن اسميه Web Animation اوحتى سلايدر ومايشابهه، اذا كنت تستخدم هذه الدالتين بدون قيود فعلى الاغلب المتصفح يعلق هذا اذا لم يتوقف المتصفح بشكل نهائي عن العمل.
هناك دالة جميلة لحل هذه المشكلة، تعمل تكرار بنفس وظيفة هذه الدالتين لكن مع المحافظة على الاداء، والمميز فيها عندما يقوم المستخدم بالانتقال الى تبويب اخر في المتصفح يتم ايقاف التكرار واذا رجع للتبويب يعمل التكرار مره اخرى.
https://gist.github.com/paulirish/1579671
وهذه شرح اكثر توضيح عن فكرة الدالة :
http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/

التعليقات

عبد الرحمن أحمد

من خلال التعليقات على المشروع في الرابط المشار إليه يظهر أن هناك بعض القيود حيث البعض ينوه إلى وجود دوال غير مدعومة في متصفحات سابقة
أما في حال كان المستهدف هو المتصفحات الحديثة فأظنها طريقة جيدة جداً

mohamed binothman - Mohamed BinOthman

صحيح، وبطبيعة الحال تقنيات كثيرة واقعه في مشكلة دعم المتصفحات.

راشد المري

جميل .. جداً بل رائع

mustafaismail22 - Mustafa ismail

جميل جدا

Tree Codes

اريد شرح عربي مفصل عن هذا الكود رجاء

	الموضوع و التعليقات و باقي البيانات في هذه الصفحة منقولة و معدلة من المصدر على الرابط التالي : https://io.hsoub.com/webdev/5220
	هذا الموضوع مرخص تحت : رخصة المشاع الإبداعي BY-SA

المشاركة :