آموزش طراحی سایت (HTML CSS Javascript) | آتریا

متد clearTimeout

مثال (متد clearTimeout)

اجتناب از اجرایی شدن تابعی که به وسیله ی setTimeout() ایجاد و اجرا شده است:

var myVar;

function myFunction() {
myVar = setTimeout(function(){ alert("Hello"); }, 3000);
}

function myStopFunction() {
clearTimeout(myVar);
}

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

متد clearTimeout()، تایمری که به وسیله ی setTimeout() ایجاد شده است را متوقف می کند.

از آی دی برگردانده شده از setTimeout() می توان بعنوان یک پارامتر برای متد clearInterval() استفاده کرد.

نکته: برای اینکه بتوانید از متد clearTimeout() استفاده کنید، شما باید هنگام ایجاد یک setTimeout، از یک متغیر عمومی استفاده کنید.

myVar = setTimeout("javascript function",milliseconds);

سپس در صورتی که تابع قبلا اجرا نشده باشد، شما قادر خواهید بود اجرایی شدن آن را با متد clearTimeout متوقف کنید.

پشتیبانی مرورگرها

اعداد داخل جدول زیر اولین ورژن مرورگری را مشخص می کند که به طور کامل از این متد پشتیبانی می کند.

متد
clearTimeout()	1.0	4.0	1.0	1.0	4.0

نحوه استفاده

clearTimeout(id_of_settimeout)

مقادیر پارامترها

پارامتر	توضیحات
id_of_settimeout	ضروری. آی دی تایمری که به وسیله ی متد setTimeout() برگردانده شده است.

جزئیات تکنیکی

مقدار برگشتی	مقدار برگشتی ندارد

مثال - خودتان امتحان کنید

مثال (متد clearTimeout)

مثال پیش رو، دارای یک دکمه به نام start count، برای شروع کردن یک تایمر است و همچنین دارای یک فیلد ورودی برای شمارش می باشد. و همچنین دارای یک دکمه، برای متوقف کردن تایمر است:

<button onclick="startCount()">Start count!</button>
<input type="text" id="txt">
<button onclick="stopCount()">Stop count!</button>

<script>
var c = 0;
var t;
var timer_is_on = 0;

function timedCount() {
    document.getElementById("txt").value = c;
    c = c + 1;
    t = setTimeout(function(){timedCount()}, 1000);
}

function startCount() {
    if (!timer_is_on) {
        timer_is_on = 1;
        timedCount();
    }
}

function stopCount() {
    clearTimeout(t);
    timer_is_on = 0;
}
</script>

خودتان امتحان کنید »

آموزش های مرتبط

کلیه توابع و خصوصیت های شیء Window در JavaScript: setTimeout() Method

کلیه توابع و خصوصیت های شیء Window در JavaScript: setInterval() Method

کلیه توابع و خصوصیت های شیء Window در JavaScript: clearInterval() Method

کلیه توابع و خصوصیت های شیء Window در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 8293

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی