از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
سرفصلهای مطلب
معرفی
در جاوا اسکریپت، انتظار مدت زمان مشخصی قبل از اجرای یک تابع یا قطعه کد یک نیاز رایج است. این می تواند برای ایجاد تاخیر مفید باشد، مانند درخواست دوره ای AJAX، اجرای انیمیشن ها، یا حتی به سادگی اجازه دادن به یک درخواست خاص process برای تکمیل قبل از حرکت روی.
یکی از راه های انجام این کار استفاده از setTimeout تابع، که به شما امکان می دهد قبل از اجرای یک تابع برگشتی معین، یک تاخیر را در میلی ثانیه تعیین کنید. در این آموزش روش استفاده را یاد می گیریم setTimeout برای یک ثانیه در جاوا اسکریپت صبر کنید. اما البته، این را می توان تعمیم داد تا هر مقدار زمان نیز صبر کنید.
تاخیر 1 ثانیه
برای استفاده setTimeout برای یک ثانیه منتظر ماندن در جاوا اسکریپت، دو آرگومان را به تابع ارسال می کنید: یک callback و یک تاخیر عدد صحیح، در میلی ثانیه. تابع callback کدی است که می خواهید پس از تاخیر مشخص شده اجرا کنید. مثلا:
setTimeout(() => {
console.log('Hello, World!');
}, 1000);
در این کد، تابع callback به سادگی “Hello, World!” را ثبت می کند. به console. تأخیر 1000 میلی ثانیه یا 1 ثانیه مشخص شده است.
در اینجا یک مثال از استفاده است setTimeout برای به تاخیر انداختن پیام هشدار:
setTimeout(() => {
alert('This alert appeared after 1 second!');
}, 1000);
این مثال‌ها نشان می‌دهند که تماس برگشتی مستقیماً به آن ارسال می‌شود setTimeout تابع. با این حال، شما همچنین می توانید استفاده کنید setTimeout برای به تاخیر انداختن اجرای تابعی که قبلاً در کد شما تعریف شده است. مثلا:
function sayHello() {
console.log('Hello, World!');
}
setTimeout(sayHello, 1000);
یک مورد استفاده مشترک برای setTimeout ایجاد تاخیر قبل از نمایش یا پنهان کردن یک عنصر است روی آ page. به عنوان مثال، می توانید قبل از نمایش نتایج درخواست AJAX، یک انیمیشن انتقال را به مدت 1 ثانیه نشان دهید. در اینجا یک مثال از استفاده است setTimeout مخفی کردن div عنصر بعد از 1 ثانیه:
setTimeout(function() {
document.getElementById('myDiv').style.display = "none";
}, 1000);
یکی دیگر از موارد استفاده رایج، استفاده است setTimeout برای ایجاد یک تایمر شمارش معکوس ساده به عنوان مثال، کد زیر اعداد را از 10 به پایین به 1 وارد می کند console، با 1 ثانیه تاخیر بین هر کدام:
for (let i = 10; i > 0; i--) {
setTimeout(function() {
console.log(i);
}, (10 - i) * 1000);
}
نتیجه
setTimeout یک تابع مفید برای ایجاد تاخیر و برنامه ریزی وظایف در JavaScript است. با ارسال یک تابع برگشت به تماس و تاخیر، در میلی ثانیه، به setTimeout، می توانید پس از گذشت مدت زمان مشخص شده کد را اجرا کنید.
(برچسب‌ها برای ترجمه)# جاوا اسکریپت
منتشر شده در 1403-01-05 21:23:03
