به نام خدا با سلام خدمت کد ایتی های عزیز. در ادامه سری مقالات اموزشی جاوا اسکریپت این جلسه به متد clearTimeout در جاوا اسکریپت خواهيم پرداخت با ما همراه باشید.

متد ()clearTimeout یک ابزار قدرتمند جاوا اسکریپت است که به توسعه دهندگان اجازه می دهد تایمر ایجاد شده توسط متد ()setTimeout را پاک و تنظیم مجدد کنند. این دارایی ارزشمندی است که در هر پروژه توسعه نرم افزاری وجود دارد، به خصوص زمانی که نیاز به تنظیم مجدد تایمر یا به تاخیر انداختن عملکرد خاصی  را در کد دارید.

نحو استفاده از متد ()clearTimeout نسبتاً ساده است. یک آرگومان نیاز دارد که شناسه تایمر است که توسط متد ()setTimeout برگردانده می شود.

سينتکس به این صورت است:

clearTimeout(timerIdentifier);

هنگامی که تایمر پاک شد، دیگر نمی توان از آن استفاده کرد و هر گونه عملکرد مرتبط اجرا نمی شود. برای استفاده از متد ()clearTimeout، ابتدا باید با استفاده از متد ()setTimeout یک تایمر ایجاد کنید. مثال زیر نشان می دهد که چگونه می توانید از این دو روش با هم استفاده کنید:

// Create a new timer with a delay of 2000 milliseconds
let timeoutId = setTimeout(function(){ 
    console.log("Time's up!"); 
}, 2000); 

// Clear the timer 
clearTimeout(timeoutId); 
// The console.log statement will not execute

در این مثال، با استفاده از متد ()setTimeout یک تایمر ایجاد می کنیم و آن را به متغیری به نام timeoutId اختصاص می دهیم. سپس از متد ()clearTimeout برای پاک کردن تایمر و جلوگیری از اجرای عمل مرتبط (در این مورد، ثبت پیام به کنسول) استفاده می کنیم.

متد ()clearTimeout مخصوصاً زمانی مفید است که نیاز به لغو یک عمل تکراری دارید. به عنوان مثال، فرض کنید می خواهید هر 10 ثانیه یک پیام نمایش دهید تا زمانی که کاربر روی یک دکمه کلیک کند. همانطور که در مثال زیر نشان داده شده است، می توانید از یک متد ()setInterval و یک متد ()clearInterval در ترکیب با ()clearTimeout استفاده کنید:

مثال:

let intervalId; // Declare a global variable 
let timeoutId; // Declare another global variable 
// Create an interval that displays a message every 10 seconds until the user clicks on a button 
intervalId = setInterval(function(){ 
    console.log("Hello World!"); 
}, 10000); 
// When the user clicks on the button, clear both intervals 
document.getElementById("btn").addEventListener("click", function(){ 
    clearInterval(intervalId);  // Clear the interval 
    clearTimeout(timeoutId); // Clear the timeout 
});

در این مثال، ما یک متغیر سراسری به نام intervalId ایجاد می کنیم که شناسه تایمر بازگشتی توسط ()setInterval را ذخیره می کند. سپس روی یک دکمه شنونده رویداد ایجاد می کنیم که با کلیک روی آن هر دو بازه زمانی پاک می شود. متد ()clearInterval بازه تکرار شونده را پاک می کند، در حالی که ()clearTimeout تایمرهای مرتبط را پاک می کند.

توسعه دهندگان جاوا اسکریپت در استفاده از ()clearTimeout و همچنین بسیاری از روش ها و توابع جاوا اسکریپت به خوبی آشنا هستند. داشتن این دانش در اختیار شما می‌تواند هنگام ساخت برنامه‌های نرم‌افزاری بسیار ارزشمند باشد، بنابراین صرف مقداری زمان برای درک نحوه عملکرد آن می‌تواند مفید باشد.

ساير مقالات: