Jquery에서 지연()을 show() 및 hide()와 함께 사용하려면 어떻게 해야 합니까?

Jquery에서 지연()을 show() 및 hide()와 함께 사용하려면 어떻게 해야 합니까?

사용방법delay()와 함께show()그리고.hide()Jquery에서?

기간을 다음으로show()그리고.hide():

기간이 주어지면,.show()애니메이션 방식이 됩니다.

예.element.delay(1000).show(0)

데모

가장 쉬운 방법은 jquery를 이용하여 "가짜 쇼"를 만드는 것입니다.

element.delay(1000).fadeIn(0); // This will work

쇼()를 지연시켜 사용하는 대신 페이드인()을 시도해 보는 것은 어떨까요?저는 당신이 하려는 일이 이것으로 이루어질 수 있다고 생각합니다.FadeIn과 FadeOut()의 jQuery 코드는 공정 지연을 위한 방법도 내장되어 있습니다.

$(document).ready(function(){
   $('element').click(function(){
      //effects take place in 3000ms
      $('element_to_hide').fadeOut(3000);
      $('element_to_show').fadeIn(3000);
   });
}

jquery api에서

버전 1.4에서 jQuery에 추가되었으며,.delay()method를 사용하면 큐에서 그것을 따르는 함수의 실행을 지연시킬 수 있습니다.표준 효과 큐 또는 사용자 정의 큐와 함께 사용할 수 있습니다.대기열의 후속 이벤트만 지연됩니다. 예를 들어 인수 없음 형식은 지연되지 않습니다..show()아니면.hide()효과 큐를 사용하지 않습니다.

http://api.jquery.com/delay/

이 정보를 업데이트해야 합니다.

오늘은 디브 공연을 미뤄야 해서 보고 있었어요.저는 jQuery 3.4.1을 사용하고 있으며 이것을 테스트했습니다.

 $("#mydiv").delay(5000).show(200); // a 5 second delay before the 200 microseconds animation effect from hidden to visible is triggered.

언급URL : https://stackoverflow.com/questions/4508644/how-can-i-use-delay-with-show-and-hide-in-jquery