Javascript 타이머 - donghua-li의 블로그 - CSDN 블로그-JS 튜토리얼-php.cn

Javascript 타이머 - donghua-li의 블로그 - CSDN 블로그

一个新手

풀어 주다： 2017-09-20 09:20:40

원래의

1428명이 탐색했습니다.

JavaScript를 사용하면 함수 호출 직후가 아닌 설정된 시간 간격 후에 코드를 실행할 수 있습니다. 우리는 이것을 타이밍 이벤트라고 부릅니다. 는 다음과 같이 두 가지 타이머 메소드를 제공합니다.

window.setInterval()； 这个方法就是在一个周期内反复执行一直到窗口关闭或者 clearInterval()
window.setTimeout(); 延迟执行内容

로그인 후 복사

setInterval() 사용법:

setInterval(code,millisec); 
code:可以是方法名，如果是方法不要加小括号。同时也可以是字符串用双引号将方法括起来。setInterval(“setCode（）”,1000);或者setInterval(setCode,1000); 
millisec:是毫秒数,就是隔了多久执行

로그인 후 복사

코드는 다음과 같습니다.

 var p1 = document.getElementById("p");    
 var n = 0;    
 var data = ["4234","343440"];    
 var rows = 0;    
 var cols = 0;    
 function setCode(){
        if(cols < data[rows].length){
            p1.innerHTML += data[rows][cols];
            cols++;
        }else if(rows < data.length){
            p1.innerHTML += "</br>";
            rows++;
            cols = 0;
        }else {
            clearInterval(timer);
        }
    }    var timer = setInterval(setCode,500);

로그인 후 복사

setTimeout과 setInterval의 사용법은 동일합니다.

그럼 타이머에 매개변수를 전달할 수 있나요? 대답은 '아니요'입니다. 그러면 어떻게 해야 할까요? 익명 함수를 사용하는 것이 좋습니다.

코드는 다음과 같습니다.

   var person = {name: "peng", age: 23};    
   function getPerson(person){
        alert(person.name);
    }    var timer = setInterval(function(){
        getPerson(person);
    },1000);

로그인 후 복사

타이머를 정의하고 함수 내부에서 메소드를 호출하도록 함수를 다시 작성합니다.
물론 함수와 매개변수를 ""로 직접 묶을 수도 있지만, 이렇게 하면 매개변수 값을 주기적으로 변경할 수는 없습니다.

위 내용은 Javascript 타이머 - donghua-li의 블로그 - CSDN 블로그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!