>  기사  >  웹 프론트엔드  >  javascript_javascript 기술에서 setInterval 사용

javascript_javascript 기술에서 setInterval 사용

WBOY
WBOY원래의
2016-05-16 15:49:461555검색

JavaScript의 setInterval 함수는 주로 애니메이션이나 기타 간격 렌더링(작업) 효과를 만들 때 특정 시간 간격으로 작업 메서드를 호출하는 함수입니다.

setInterval의 주요 표현 형식은 다음과 같습니다.

setInterval(fnname,time,par1,par2,........parn);

setInterval(obj,fnname,time,par1,par2,...parn);

첫 번째는 가장 일반적인 표현식 구문으로, fnname 매개변수는 익명 함수 또는 함수 이름에 대한 참조일 수 있고, time은 faname 호출을 위해 설정된 시간 간격(밀리초)이며 기본값은 10밀리초입니다. par1......parn은 선택적 매개변수이며 fanname 메소드에 전달되는 매개변수입니다.

두 번째는 객체 메소드의 구문을 사용하는 것입니다. faname 매개변수는 obj 객체의 메소드입니다.

다음은 예를 사용하여 설명합니다.

//普通语法的第一种写法

setInterval(function(){
    alert("我是setInterval方法打印结果");
  },3000) //每隔3秒打印一次

//普通语法的第二种写法

function alert1(){
    alert("我是setInterval方法打印结果")
  }
function alert2(str){
    alert(str);
  }
  setInterval(alert1,3000);
  setInterval("alert1()",3000);
  setInterval(alert2,3000,"我是setInterval方法打印结果");
  setInterval("alert1()",3000,"我是setInterval方法打印结果");

//对象方法写法

obj = new Object();//创建一个新的对象

obj.alert1 = function(){
    alert("我是setInterval方法打印结果");
  }

obj.alert2 = function(str){
    alert(str);
  }

setInterval(obj,alert1,3000);
setInterval(obj,alert2,3000,"我是setInterval方法打印结果");

setInterval은 일반적으로clearInterval과 함께 사용됩니다.clearInterval의 기능은 setInterval 메소드에 대한 호출을 지우는 것입니다.

의 반환 값입니다.
var timer = setInterval(obj,alert1,3000);

clearInterval(timer);

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.