ایجاد تاخیر در اجرای جی کوئری

تاخیر جی کوئری

شاید بعضی از اوقات لازم باشه که کدهای جی کوئری خود را با تاخیر اجرا کنید  و بخواهید زمانی برای آن در نظر بگیرید (TimeOut) که هنگامی که موس  بعد از زمان مورد نظر کد شما اجرا شود.

تاخیر جی کوئری

این تاخیر بیشتر در اسلاید ها و نمایش ها استفاده می شود. به عنوان مثال وقتی میخواهید یک باکس هنگامی که موس روی آن کلیک شد یا Hover شد با کلاسی اضافه شود یا با تاخیر محو شد یا لود شود و … شاید اولی چیزی که به ذهن برسد استفاده ا تابع delay() استفاده کنند. اما این تابع برای برای انیمیشن ها استفاده میشه و اینجا جواب نمیده.

در لینک زیر با مثال توضیح دادم. میتونید در قسمت پایانی زمان دلخواه را برای تاخیر مشخص کنید.

http://jsfiddle.net/p4b7P/96/

[pre]

var hoverTimeout;
$(‘#mydiv’).hover(function() {
$(this).addClass(‘hovered’);
}, function() {
var $self = $(this);
hoverTimeout = setTimeout(function() {
$self.removeClass(‘hovered’);
}, ۱۰۰۰); //set time
});

[/pre]

 

سوالی داشتید در قسمت نظرات مطرح کنید.

در همین رابطه بخوانید : رفع تداخل در جی کوئری

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *