چند لحظه ...

طراحی سایت- یک طراح

یک طراح سایت، طراحی سایت و برنامه نویسی بصورت حرفه ای شرکت ها، ارگان ها، قبول سفارشات برنامه نویسی

ثبت سفارش پیگیری سفارش Smartphone
تاخیر جی کوئری

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

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

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

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

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

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


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

 

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

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