JavaScript에서 setInterval을 사용하는 방법

不言
풀어 주다: 2018-12-15 09:36:01
원래의
8094명이 탐색했습니다.

웹을 탐색할 때 일정한 간격으로 슬라이드나 이미지와 텍스트의 동적 변경을 볼 수 있습니다. 그렇다면 이러한 동적 효과는 어떻게 얻을 수 있을까요? 실제로 이는 JavaScript 타이머를 통해 달성할 수 있습니다. JavaScript

에는 setInterval과 setImeout

이라는 두 가지 유형의 타이밍 프로세서가 있습니다. 둘 다 매우 유사한 JavaScript 함수이지만 구체적인 작업은 약간 다릅니다.JavaScript에서 setInterval을 사용하는 방법

오늘은

setInterval 타이머

setInterval의 사용법을 살펴보겠습니다. 특정 처리(함수 호출 또는 표현식 평가)를 수행하기 위해 지정된 기간(밀리초 단위로 측정).

기본 구문은 다음과 같습니다.

setInterval(function函数,固定的时间[,参数1,参数2,参数3,.......])
로그인 후 복사
function은 쉼표를 사용하여 고정 시간(밀리초)을 구분합니다. [ ]에 지정됩니다.

아래의 간단한 코드를 살펴보겠습니다

    JavaScript 
로그인 후 복사

count 변수를 0을 기준으로 준비하고 하나씩 세어 더하고(count ++) 콘솔을 사용합니다. 로그 출력. 그리고 이 일련의 처리를 countupp의 변수에 넣습니다.

이 변수의 계산을 1000밀리초 간격으로 반복하고 싶다면 setInterval을 추가해야 합니다

코드는 다음과 같습니다

로그인 후 복사
# #실행 효과는 다음과 같습니다. 시간이 계속 진행됩니다

중지하려면 clearInterval을 사용할 수 있습니다# ## #

아래의 특정 코드를 살펴보겠습니다

var id = setInterval(countup, 1000);
로그인 후 복사

clearInterval을 사용하여 이 ID를 지정하면 언제든지 setInterval 처리를 중지할 수 있습니다(분명히 처리가 중지됩니다)# #

로그인 후 복사
JavaScript에서 setInterval을 사용하는 방법위 프로그램에서는 setInterval 반복 과정을 실행하여 countup이 5보다 커지면(if (count> 5))clearInterval이 실행됩니다.

따라서 5까지 올라가서 결과는 다음과 같습니다

위 내용은 JavaScript에서 setInterval을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!