English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة تأثير jQuery delay()

أساليب التأثير لـ jQuery

يضبط delay() وظيفة وقت معينة لسحب تنفيذ المشاريع التالية في الصف.

النحو:

$(selector).delay(duration, queueName)

مثال

لإعداد قيم السرعة المختلفة لـ delay()

$("button").click(function(){
  $("#div1").delay("slow").fadeIn();
  $("#div2").delay("fast").fadeIn();
  $("#div3").delay(1000).fadeIn();
  $("#div4").delay(2000).fadeIn();
  $("#div5").delay(3000).fadeIn();
});
اختبار لرؤية‹/›

إجراء حركة للاقفال والفتح لأعمدة الـ div،قم بتمديد div1 قبل العرض:

$("button").click(function(){
  $("#div1").slideUp(300).delay(800).slideDown(400);
  $("#div2").slideUp(300).slideDown(400);
});
اختبار لرؤية‹/›

استخدام delay() و animate() في نفس الوقت:

$("button").click(function(){
  $("div").animate({width: "500px"});
  $("div").delay(1000).animate({fontSize: "5em"});
});
اختبار لرؤية‹/›

قيمة المعلمات

المعلماتوصف
مدة(اختياري) تحديد المدة بالأمثلة: 100،500،2000 وما إلى ذلك

القيم الممكنة:

  • المدة بالأمثلة: 100،500،2000 وما إلى ذلك

  • “سريع”

  • “بطيئة”

queueName(اختياري) تحديد اسم فريق.الاسم الافتراضي هوfx،فريق التأثير القياسي

أساليب التأثير لـ jQuery