jQuery 시간에 맞춰 숨겨진 대화 상자 코드 공유

이 글에서는 jQuery의 시간 숨기기 대화 상자 구현 방법을 주로 소개합니다. jQuery 시간 숨기기 대화 상자의 관련 기능, 구현 방법 및 작동 주의 사항을 예제 형식으로 자세히 분석합니다. 모든 사람에게 도움이 되기를 바랍니다.

1.setTimeout

: 시간은 설정되어 있는데 프로그램이 바로 실행되는 상황이 있습니다.

: window.setTimeout还是window.setInterval 상관없이 함수 이름을 호출 핸들로 사용할 때는 매개변수를 사용할 수 없습니다.

: 해결책은 익명 함수를 정의하는 것입니다.

setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);

: 두 번째 매개변수는 밀리초 수, 1초 = 1000밀리초

기타 상황: 이 웹사이트 소개: http://www.jb51. net/article /36681.htm

2. 대화 상자 숨기기 설정

일반적인 방법 1:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>

일반적인 방법 2:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
  function()
  {
    /**
    *1.delay函数是jquery 1.4.2新增的函数
    *2.hide函数里必须放一个0,不然延时不起作用
    *3.delay是异步执行的。
    */
    $(&#39;#pid&#39;).delay(6000).hide(0);
  }
);

3. fadeOut and hide

hide의 숨겨진 효과는 아래에서 위로 또는 오른쪽 아래에서 왼쪽 위로 천천히 접고 줄어드는 것인 반면, fadeOut의 페이드 아웃 효과는 사라질 때까지 전체적으로 페이드 아웃되는 것입니다(저는 그렇지 않습니다. 차이점을 모르겠습니다)

관련 권장 사항:

js 및 html5 구현 자동 정렬 대화 상자 생성

WeChat 애플릿은 모달 구성 요소를 사용하여 대화 상자 예제 공유를 팝업합니다.

js 간단한 만들기 튜토리얼 대화 상자

위 내용은 jQuery 시간에 맞춰 숨겨진 대화 상자 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!