jQuery 시간에 맞춰 숨겨진 대화 상자 코드 공유
Feb 22, 2018 pm 03:05 PM이 글에서는 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='javascript' type='text/javascript'> $(function () { setTimeout(function () { $("pid").show(); }, 6000); }) </script>
일반적인 방법 2:
<script language='javascript' type='text/javascript'> $(document).ready( function() { /** *1.delay函数是jquery 1.4.2新增的函数 *2.hide函数里必须放一个0,不然延时不起作用 *3.delay是异步执行的。 */ $('#pid').delay(6000).hide(0); } );
3. fadeOut and hide
hide의 숨겨진 효과는 아래에서 위로 또는 오른쪽 아래에서 왼쪽 위로 천천히 접고 줄어드는 것인 반면, fadeOut의 페이드 아웃 효과는 사라질 때까지 전체적으로 페이드 아웃되는 것입니다(저는 그렇지 않습니다. 차이점을 모르겠습니다)
관련 권장 사항:
WeChat 애플릿은 모달 구성 요소를 사용하여 대화 상자 예제 공유를 팝업합니다.
위 내용은 jQuery 시간에 맞춰 숨겨진 대화 상자 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

인기 기사

인기 기사

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











칭화대학교와 Zhipu AI 오픈 소스 GLM-4: 자연어 처리의 새로운 혁명 시작

jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요.

한 문장으로 Agent를 만들어보세요! 로빈 리: 모두가 개발자가 되는 시대가 온다
