5 초 동안 jQuery 표시 후 숨기기

.show양식을 제출 한 후 숨겨진 메시지를 표시하는 데 사용 하고 있습니다.

5 초 동안 메시지를 표시 한 다음 숨기는 방법?

다음 .delay()과 같이 애니메이션 전에 사용할 수 있습니다 .

$("#myElem").show().delay(5000).fadeOut();

애니메이션이 아닌 경우 다음 setTimeout()과 같이 직접 사용 하십시오.

$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

지속 시간없이 .hide()애니메이션 ( fx) 대기열 에 있지 않기 때문에 두 번째 작업은 즉석 효과 일뿐입니다.

또는 다른 옵션은 다음 .delay()과 .queue()같이 자신 을 사용하는 것입니다.

$("#myElem").show().delay(5000).queue(function(n) {
  $(this).hide(); n();
});

아래 효과를 사용하여 애니메이션을 적용하고 요구 사항에 따라 값을 변경할 수 있습니다

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow'); 

이처럼 간단합니다.

$("#myElem").show("slow").delay(5000).hide("slow");