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

jQuery 효과 지연() 메서드

jQuery 효과 메서드

지연() 메서드는 대기 큐에 있는 다음 작업을 실행하는 데 시간을 지연시키는 타이머를 설정합니다.

문법:

$(선택자).지연(지연시간, 대기이름)

예제

$("button").click(function(){
  $("#div1
  $("#div2").지연("느리",
  $("#div3").지연("",1000).渐渐(),
  $("#div4").지연("",2000).fadeIn();
  $("#div5").지연("",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"});
});
테스트를 보세요‹/›

매개변수 값

매개변수설명
duration(선택)큐에서 다음 항목이 실행되기 전에 지연되는 밀리초 수

가능한 값:

  • 밀리초(예를 들어100、500、2000 등)

  • “fast”

  • “slow”

queueName(선택)큐 이름을 지정합니다. 기본적으로fx,표준 효과 큐

jQuery 효과 메서드