반응형
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
반응형
'programing' 카테고리의 다른 글
didFailWithError: 오류 도메인=kCLErrorDomainCode=0 "작업을 완료할 수 없습니다.(kCLErrorDomain 오류 0.)" (0) | 2023.07.27 |
---|---|
쿼리에서 트랜잭션을 언제 사용해야 합니까? (0) | 2023.07.27 |
Gradle 아카이브에 65535개가 넘는 항목이 포함 (0) | 2023.07.22 |
방법을 이해합니다.내부 C 함수는 R에서 처리됩니다. (0) | 2023.07.22 |
C 프로그램에서 C++로 만든 공유 라이브러리를 사용할 수 있습니까? (0) | 2023.07.22 |