jQuery 5초 동안 표시한 다음 숨깁니다.

jQuery 5초 동안 표시한 다음 숨깁니다.

사용 중.show양식 제출 후 숨겨진 메시지를 표시합니다.

5초 동안 메시지를 표시한 후 숨는 방법은 무엇입니까?

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

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

애니메이션이 아닌 경우 다음과 같이 직접 사용합니다.

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

당신이 두 번째를 하는 이유는.hide()보통 애니메이션에 나오지 않을 것입니다.fx) 지속 시간이 없는 대기열, 즉, 즉각적인 효과일 뿐입니다.

또는 다음과 같은 사용자 자신을 사용하는 방법도 있습니다.

$("#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");

세션에서 라벨 8에 저장된 Ajax를 사용하여 5초의 오류 메시지를 표시하는 방법

<div id="error">
    @php
        $error = Session::get('message');
        echo $error;
    @endphp
</div>
<script>
    $("#error").show();
    setTimeout(function() {
        $("#error").hide();
    }, 5000);
</script>

언급URL : https://stackoverflow.com/questions/3428766/jquery-show-for-5-seconds-then-hide