js 의 타이머 이벤트 'setTimeout ()' 과 'setInterval ()'

2285 단어
js 의 타이머 이벤트
js 에 서 는 보통 사건 이 있 습 니 다. 우 리 는 그것 을 다시 발생 시 키 거나 한 번 발생 시 켜 야 합 니 다. 그러면 우리 js 중의 를 사용 해 야 합 니 다. 주로 두 가지 가 있다.
  • setTimeout() - 일정한 시간 간격 으로 집행
  • setInterval() - 일정한 간격 으로 한 번 씩 집행 (중복 성 집행)
  • setTimeout()
    일정한 시간 간격 을 두 고 지정 한 문장 이나 함 수 를 실행 합 니 다.예 를 들 어 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);
        }

    좋은 웹페이지 즐겨찾기