الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>JavaScript clearTimeout</h1> <p>The clearTimeout() function can be used to stop the exection of the timer initialy created by setTimeout() function.</p> <button id="stopButton">Stop timer</button> <script> // timer قمنا بتخزينه في المتغير setTimeout() الرقم الذي ترجعه الدالة let timer = setTimeout(() => { alert('The timer has been executed!'); }, 5000); // سيتم stopButton يساوي id هنا قلنا أنه عند النقر على العنصر الذي يملك // timer إلغاء تنفيذ أوامر المؤقت الذي يشير إليه العدد المخزن في المتغير document.querySelector('#stopButton').addEventListener('click', () => { clearTimeout(timer); }); </script> </body> </html>