في انتظار "نهاية" حدث "تغيير الحجم" لتنفيذ الإجراء الأمثل

في البرمجة التي تعتمد على الحدث ، من الشائع التعامل مع تغييرات الحجم باستخدام "تغيير الحجم" ، وعادة ما يتم تعيينه على نافذة أو عنصر آخر قابل للقياس. ومع ذلك ، عند حدوث عمليات تغيير حجمها ، يتم تشغيل حدث "تغيير الحجم" عدة مرات أثناء العملية ، مما يؤدي إلى التنفيذ المتكرر لمعالج الحدث الخاص بك.

"setTimeout ()" و "cleartimeout ()". // نشاطك الذي يجب القيام به عند تغيير حجم التشطيبات } إعلان متغير ، "doit" ، وتهيئته على أنه "فارغ". سيعقد هذا المتغير معرف المهلة الذي تم إرجاعه بواسطة "setTimeOut () '. متغير "doit". سيؤدي ذلك إلى تحديد موعد تنفيذ "resizedw ()" بعد تأخير قدره 100 مللي ثانية. } ؛

عندما تنتهي العملية تغيير الحجم ، سيتم استدعاء معالج الأحداث "onresize" دون تشغيل "resizedw ()" على الفور. بعد التأخير المعين (100 مللي ثانية) ، "resizedw ()" سوف ينفذ ، وضع علامة على عملية تغيير حجم. // نشاطك الذي يجب القيام به عند تغيير حجم التشطيبات console.log ('تغيير حجمه!') ؛ } var doit = ​​null ؛ window.onresize = function () { ClearTimeout (doit) ؛ doIt = setTimeOut (resizedw ، 100) ؛ } ؛

يتولى هذا الحل بفعالية حدث "تغيير الحجم" عن طريق منع الإجراء المرتبط به من التنفيذ أثناء عملية تغيير حجمه. بدلاً من ذلك ، يتم تشغيل الإجراء فقط بعد انتهاء عملية تغيير حجمها بالكامل.