> 웹 프론트엔드 > JS 튜토리얼 > JS의 setInterval 및 setTimeout 예제 분석

JS의 setInterval 및 setTimeout 예제 분석

小云云
풀어 주다: 2018-02-27 14:41:45
원래의
1663명이 탐색했습니다.

이 기사는 주로 JS의 setInterval 및 setTimeout 예제 분석을 공유합니다.

1 setInterval

은 함수입니다. 함수: 특정 코드 블록(함수)을 반복적으로 실행할 수 있습니다. setInterval(함수, 시간 간격), 첫 번째 매개변수(함수 블록)를 반복하는 시간
참고: 시간 단위 밀리초 1000 = 1초
함수 이름을 괄호 안에 추가할 수 없습니다. 다음과 같은 작성 방법이 잘못되었습니다: fn()

2 clearInterval 클리어 타이머(setInterval)

 注意:  在开启一个新的定时器之前,先清除定时器
로그인 후 복사
로그인 후 복사
3 chrome 새 탭 페이지 플러그인

Infinity 새 탭 페이지

4 aLi는 배열 클래스입니다. 스타일을 설정하기 위해 반복할 때 for in 대신 for 루프를 사용하도록 주의하세요.

5 setTimeout의 구문 구조는 setInterval과 유사하지만 의미가 다릅니다

setTimeout은 timing*과 유사하게 특정 코드 블록을 실행하는 데 걸리는 시간을 기다립니다.
setTimeout(fn, 3000), 3초 후에 fn 함수가 실행될 때까지 기다립니다. Timing*
setInterval(fn, 3000), 3초마다 fn 함수 실행 엔진

6 재귀 함수

함수는 다른 함수나 자신을 호출할 수 있습니다. 이러한 종류의 함수를 재귀 함수라고 합니다
참고: 재귀 함수에는 진행과 회귀라는 두 가지 의미가 있습니다
재귀 함수의 적용 시나리오: 큰 문제는 여러 개의 유사한 하위 문제로 분할될 수 있으며 이러한 하위 문제에 대한 솔루션은 유사합니다.
이때 재귀함수를 사용할 수 있습니다,
예를 들어 다음 요구 사항을 고려하십시오. 본문에 1-3을 인쇄하는 것은 큰 문제입니다
하위 문제: 한 번에 하나의 숫자 재생, 솔루션, document.write()

재귀적으로 폴더 생성, 재귀적으로 폴더 삭제

참고: 재귀 함수를 작성할 때 종료에 주의하고 재귀 호출에 대한 종료 조건을 설정하세요.

7 Clear Timer

setInterval 특정 시간마다 코드를 실행(루프) Clear: ClearInterval

setTimeout 코드를 실행하기 위해 특정 시간까지 대기(한 번 실행) Clear: ClearTimeout

1 setInterval

함수, 함수 : 특정 코드 블록(함수)을 반복적으로 실행할 수 있습니다

setInterval(함수, 시간 간격), 첫 번째 매개변수(함수 블록)의 반복 실행 간격
참고: 시간 단위 밀리초 1000 = 1초
함수 이름을 괄호 안에 추가할 수 없습니다. 다음과 같은 작성 방법이 잘못되었습니다: fn()

2 clearInterval 클리어 타이머(setInterval)

 注意:  在开启一个新的定时器之前,先清除定时器
로그인 후 복사
로그인 후 복사

3 chrome 새 탭 페이지 플러그인

Infinity 새 탭 페이지


4 aLi는 배열 클래스입니다. 스타일을 설정하기 위해 반복할 때 for in 대신 for 루프를 사용하도록 주의하세요.

5 setTimeout의 구문 구조는 setInterval과 유사하지만 의미가 다릅니다

setTimeout은 timing*과 유사하게 특정 코드 블록을 실행하는 데 걸리는 시간을 기다립니다.

setTimeout(fn, 3000), 3초 후에 fn 함수가 실행될 때까지 기다립니다. Timing*
setInterval(fn, 3000), 3초마다 fn 함수 실행 엔진

6 재귀 함수

함수는 다른 함수나 자신을 호출할 수 있습니다. 이러한 종류의 함수를 재귀 함수라고 합니다

참고: 재귀 함수에는 진행과 회귀라는 두 가지 의미가 있습니다
재귀 함수의 적용 시나리오: 큰 문제는 여러 개의 유사한 하위 문제로 분할될 수 있으며 이러한 하위 문제에 대한 솔루션은 유사합니다.
이때 재귀함수를 사용할 수 있습니다,
예를 들어 다음 요구 사항을 고려하십시오. 본문에 1-3을 인쇄하는 것은 큰 문제입니다
하위 문제: 매번 숫자 재생, 솔루션, document.write()

재귀적으로 폴더 생성, 재귀적으로 폴더 삭제

참고: 재귀 함수를 작성할 때 종료에 주의하고 재귀 호출에 대한 종료 조건을 설정하세요.

7 Clear Timer

setInterval 특정 시간마다 코드 실행(루프) Clear:clearInterval

setTimeout 코드 실행을 위해 특정 시간까지 대기(한 번 실행) Clear:clearTimeout

관련 권장 사항:

JS 구현 예약된 작업은 N초마다 setInterval 타이밍 및 Ajax 요청을 요청합니다.

JavaScript의 setInterval 사용에 대한 자세한 설명

JavaScript 타이머의 setTimeout() 및 setInterval()에 대한 자세한 설명

위 내용은 JS의 setInterval 및 setTimeout 예제 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿