js 의 타이머 이벤트 'setTimeout ()' 과 'setInterval ()'
js
의 타이머 이벤트js 에 서 는 보통 사건 이 있 습 니 다. 우 리 는 그것
을 다시 발생 시 키 거나
한 번 발생 시 켜 야 합 니 다. 그러면 우리 js
중의
를 사용 해 야 합 니 다.
주로 두 가지 가 있다.setTimeout()
- 일정한 시간 간격 으로 집행 setInterval()
- 일정한 간격 으로 한 번 씩 집행 (중복 성 집행) 일정한 시간 간격 을 두 고 지정 한 문장 이나 함 수 를 실행 합 니 다.예 를 들 어 3s 후 이전 페이지 로 이동 합 니 다.
setTimeout(function(){
window.history.back();
},3000);
호출 함수 방식 도 채택 할 수 있다
function fn1(){
console.log(" ");
}
setTimeout(fn1,3000);
주의해 야 할 것 은 우리 가 상기 코드 에서 함 수 를 호출 할 때 호출 하 는 전체 함수 체 이지 함수 가 실 행 된 결과
fn1()
가 아 닙 니 다.setInterval()
지 정 된 문장 이나 함 수 를 한 번 실행 하 는 것 은 중복 적 인 조작 이다.인 스 턴 스 1: 3s 마다 "hello" 를 인쇄 합 니 다.
setTimeout(function(){
console.log("hello");
},3000);
인 스 턴 스 2: 현재 시간 표시, 단 추 를 통 해 시간의 정지, 시작
var myVar;
function startTimer(){
/*setInterval() */
myVar=setInterval(function(){myTimer()},1000);
}
function myTimer()/* */
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function stopTimer()
{/* clearInterval() setInterval() */
clearInterval(myVar);
}
어떻게 정지 합 니까?
clearInterval () 방법 은 setInterval () 방법 으로 실행 되 는 함수 코드 를 정지 하 는 데 사 용 됩 니 다. clearTimeout () 방법 은 setTimeout () 방법의 함수 코드 를 정지 하 는 데 사 용 됩 니 다.myVar 는 전역 변수 여야 합 니 다.실례 는 다음 과 같다.
var myVar;
function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction()
{
clearTimeout(myVar);
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.