> 웹 프론트엔드 > JS 튜토리얼 > javascript_time 및 date의 지연 실행 또는 반복 실행을 구현하는 두 가지 함수

javascript_time 및 date의 지연 실행 또는 반복 실행을 구현하는 두 가지 함수

WBOY
풀어 주다: 2016-05-16 19:12:46
원래의
1373명이 탐색했습니다.

다음 내용은 "AJAX Web2.0 개발기술 정복 상세설명"에서 발췌한 내용입니다. 오늘 도서관에서 책을 읽고 너무 좋다고 생각해서 발췌했습니다! 내용과 코드의 일부가 변경되었습니다!

window 개체는 타이머 효과를 달성하기 위해 window.setTimeout() 및 window.setInterval이라는 두 가지 메서드를 제공합니다. 전자는 지정된 시간 후에 코드 조각을 실행할 수 있는 반면, 후자는 지정된 시간마다 한 번씩 코드 조각을 실행하도록 할 수 있습니다. 프로토타입은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

window.setTimeout (expression,milliseconds );
window.setInterval(expression,milliseconds);
그 중 표현식은 따옴표로 묶인 코드일 수도 있고 지정된 함수 이름일 수도 있습니다. 시간이 지나면 시스템은 자동으로 이 함수를 호출합니다. 함수 이름을 호출 핸들로 사용할 때는 어떤 매개변수도 사용할 수 없습니다. 문자열을 사용할 때는 전달할 매개변수를 그 안에 쓸 수 있습니다. 두 메서드의 두 번째 매개 변수는 밀리초이며, 이는 지연 또는 반복 실행에 대한 밀리초 수를 나타냅니다. 아래 두 가지 방법을 소개합니다.
1. window.setTimeout 메소드 이 메소드는 함수 실행을 지연시킬 수 있습니다. 예:
1초 후에 "hello"가 나타납니다.
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

이것은 코드는 페이지를 열고 5초 후에 "hello" 대화 상자가 나타납니다. 마지막 문장은 다음과 같이 작성할 수도 있습니다.
window.setTimeout("hello()",1000)
이 속성은 window.setInterval 메소드에도 있습니다.
지연 기간에 도달하기 전에 지연된 실행을 취소하려면 window.clearTimeout(timeoutId) 메서드를 사용하면 됩니다. 이 메서드는 타이머를 나타내는 ID를 받습니다. 이 ID는 setTimeout 메소드에 의해 반환됩니다(예:
).
[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

In 이렇게 하면 표시를 취소하려면 페이지의 아무 부분이나 클릭하면 window.clearTimeout 메서드가 실행되어 시간 초과 작업이 취소됩니다.

2. window.setInterval 메소드
정해진 시간마다 함수가 호출되도록 하는 메소드로 매우 일반적인 메소드입니다. ClearTimeout 메서드와 유사하게 예약된 실행을 취소하려면 window.clearInterval 메서드를 호출하면 됩니다. ClearInterval 메소드는 setInterval 메소드에서 반환한 값도 매개변수로 받습니다. 예:
코드 복사
코드는 다음과 같습니다.


//정의 반복 실행
var id=window.setInterval("somefunction",10000);
//예약 실행 취소
window.clearInterval(id)
위 코드는 예약된 실행을 취소하는 방법을 설명하는 데 사용됩니다. 실제로 setInterval 메소드는 여러 경우에 사용되어야 합니다. 아래에서는 setInterval 함수의 사용을 소개하기 위해 스톱워치를 디자인할 것입니다. 스톱워치에는 시간을 표시하기 위한 두 개의 버튼과 텍스트 상자가 포함됩니다. 시작 버튼을 클릭하면 타이밍이 시작됩니다. 최소 단위는 0.01초입니다. 버튼을 다시 클릭하면 타이밍이 중지되고 텍스트 상자에 경과 시간이 표시됩니다. 또 다른 버튼은 현재 시간을 0으로 재설정하는 데 사용됩니다. 구현 코드는 다음과 같습니다.
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿