웹 프론트엔드 JS 튜토리얼 jQuery 시간에 맞춰 숨겨진 대화 상자 코드 공유

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

Feb 22, 2018 pm 03:05 PM
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='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의 페이드 아웃 효과는 사라질 때까지 전체적으로 페이드 아웃되는 것입니다(저는 그렇지 않습니다. 차이점을 모르겠습니다)

관련 권장 사항:

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

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

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

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

모든 장치에서 GE 범용 원격 코드 프로그램 모든 장치에서 GE 범용 원격 코드 프로그램 Mar 02, 2024 pm 01:58 PM

모든 장치에서 GE 범용 원격 코드 프로그램

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? Feb 28, 2024 pm 03:12 PM

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까?

칭화대학교와 Zhipu AI 오픈 소스 GLM-4: 자연어 처리의 새로운 혁명 시작 칭화대학교와 Zhipu AI 오픈 소스 GLM-4: 자연어 처리의 새로운 혁명 시작 Jun 12, 2024 pm 08:38 PM

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

jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. Feb 28, 2024 pm 09:06 PM

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

Linux '.a' 파일 생성 및 실행 Linux '.a' 파일 생성 및 실행 Mar 20, 2024 pm 04:46 PM

Linux '.a' 파일 생성 및 실행

jQuery를 사용하여 모든 태그의 텍스트 내용 수정 jQuery를 사용하여 모든 태그의 텍스트 내용 수정 Feb 28, 2024 pm 05:42 PM

jQuery를 사용하여 모든 태그의 텍스트 내용 수정

한 문장으로 Agent를 만들어보세요! 로빈 리: 모두가 개발자가 되는 시대가 온다 한 문장으로 Agent를 만들어보세요! 로빈 리: 모두가 개발자가 되는 시대가 온다 Apr 17, 2024 pm 02:28 PM

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

Copilot을 사용하여 코드를 생성하는 방법 Copilot을 사용하여 코드를 생성하는 방법 Mar 23, 2024 am 10:41 AM

Copilot을 사용하여 코드를 생성하는 방법

See all articles