jQuery 시간에 맞춰 숨겨진 대화 상자 코드 공유-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

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

Feb 22, 2018 pm 03:05 PM

jquery 암호 대화 상자

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

1.setTimeout

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

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

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

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

로그인 후 복사

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

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

2. 대화 상자 숨기기 설정

일반적인 방법 1:

&lt;script language=&#39;javascript&#39; type=&#39;text/javascript&#39;&gt;
$(function () {
  setTimeout(function () {
    $(&quot;pid&quot;).show();
  }, 6000);
})
&lt;/script&gt;

로그인 후 복사

일반적인 방법 2:

&lt;script language=&#39;javascript&#39; type=&#39;text/javascript&#39;&gt;
$(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의 페이드 아웃 효과는 사라질 때까지 전체적으로 페이드 아웃되는 것입니다(저는 그렇지 않습니다. 차이점을 모르겠습니다)