JavaScript에서 setInterval을 사용하는 방법
- 不言원래의
- 2018-12-14 16:25:108197검색
웹을 탐색할 때 일정한 간격으로 슬라이드나 이미지와 텍스트의 동적 변경을 볼 수 있습니다. 그렇다면 이러한 동적 효과는 어떻게 얻을 수 있을까요? 실제로 이는 JavaScript 타이머를 통해 달성할 수 있습니다. JavaScript
에는 setInterval과 setImeout이라는 두 가지 유형의 타이밍 프로세서가 있습니다. 둘 다 매우 유사한 JavaScript 함수이지만 구체적인 작업은 약간 다릅니다. 
setInterval 타이머
setInterval의 사용법을 살펴보겠습니다. 특정 처리(함수 호출 또는 표현식 평가)를 수행하기 위해 지정된 기간(밀리초 단위로 측정).
기본 구문은 다음과 같습니다.setInterval（function函数,固定的时间[,参数1,参数2,参数3,.......]）
function은 쉼표를 사용하여 고정 시간(밀리초)을 구분합니다. [ ]에 지정됩니다.
아래의 간단한 코드를 살펴보겠습니다
<!DOCTYPE html>
<html lang = "ja">
<head>
<meta charset = "utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var count = 0;
var countup = function(){
console.log(count++);
}
</script>
</body>
</html> count 변수를 0을 기준으로 준비하고 하나씩 세어 더하고(count ++) 콘솔을 사용합니다. 로그 출력. 그리고 이 일련의 처리를 countupp의 변수에 넣습니다. 이 변수의 계산을 1000밀리초 간격으로 반복하고 싶다면 setInterval을 추가해야 합니다코드는 다음과 같습니다<script>
var count = 0;
var countup = function(){
console.log(count++);
}
setInterval(countup, 1000);
</script>#🎜 🎜#실행 효과는 다음과 같습니다. 시간이 계속 진행됩니다
중지하려면 clearInterval을 사용할 수 있습니다#🎜 🎜## 🎜🎜#아래의 특정 코드를 살펴보겠습니다
var id = setInterval(countup, 1000);
clearInterval을 사용하여 이 ID를 지정하면 언제든지 setInterval 처리를 중지할 수 있습니다(분명히 처리가 중지됩니다)#🎜 🎜 #
<script>
var count = 0;
var countup = function(){
console.log(count++);
}
var id = setInterval(function(){
countup();
if(count > 5){
clearInterval(id);
}}, 1000);
</script>
위 프로그램에서는 setInterval 반복 과정을 실행하여 countup이 5보다 커지면(if (count> 5))clearInterval이 실행됩니다.
따라서 5까지 올라가서 결과는 다음과 같습니다
위 내용은 JavaScript에서 setInterval을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.