.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");