대화 상자의 시간적 숨기기를 구현하는 jQuery 방법

이번에는 시간 지정 숨김 대화 상자를 구현하는 jQuery 방법을 소개하겠습니다. 시간 지정 숨김 대화 상자를 구현하는 jQuery 방법의 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

다음 내용은 완전히 정확하지 않을 수 있으며, 궁금한 사항이 있을 경우 참고용으로만 사용하세요.

1.setTimeout

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

:

에 관계없이 window.setTimeout还是window.setInterval 함수 이름을 호출 핸들로 사용하는 경우 매개변수를 사용할 수 없습니다.

: 해결책은

익명 함수

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

를 정의하는 것입니다. 두 번째 매개 변수는 밀리초 수, 1초 = 1000밀리초

2 대화 상자 숨기기 설정

Common 방법입니다. 하나:

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

일반적으로 사용되는 방법 두 번째:

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

3. fadeOut과 hide의 차이점

hide의 숨기기 효과는 아래에서 위로 또는 오른쪽 아래에서 왼쪽 위로 천천히 접히고 줄어드는 것입니다. 페이드 아웃 효과는 사라질 때까지 전체적으로 페이드 아웃되는 것입니다(차이는 모르겠습니다)

이 기사의 사례를 읽으신 후 방법을 익히셨을 것이라 믿습니다. 더 흥미로운 정보를 보려면 다른 관련 항목을 주목하시기 바랍니다. PHP 중국어 웹사이트의 기사!

추천 자료:

마우스 반응형 투명 그라데이션 효과 구현

스크롤 막대가 아래쪽으로 슬라이드될 때 자동으로 더 많은 콘텐츠를 로드하는 방법

jquery로 돋보기 효과를 만드는 방법

위 내용은 대화 상자의 시간적 숨기기를 구현하는 jQuery 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!