window.setInterval () 방법의 정의와 사용법 및 offsetLeft와 스타일.left의 차이

2086 단어
정의 및 사용
setInterval() 메서드는 지정된 주기(밀리초)를 기준으로 함수나 계산 표현식을 호출할 수 있습니다.
setInterval () 방법은clearInterval () 이 호출되거나 창이 닫힐 때까지 함수를 끊임없이 호출합니다.setInterval()에서 반환된 ID 값은clearInterval() 메소드의 매개변수로 사용할 수 있습니다.
팁: 1000ms = 1초.
구문
setInterval(code,millisec,lang)
매개 변수
묘사
code
필요합니다.호출할 함수나 실행할 코드 문자열입니다.
millisec
반드시주기적으로 코드를 실행하거나 호출하는 시간 간격을 밀리초로 계산합니다.
lang
선택할 수 있습니다.JScript | VBScript | JavaScript
요약:
이 방법은 지정된 주기에 따라 프로그램을 실행할 수 있다.주기는 밀리초 단위이다.
이 방법은 유람기를 닫지 않거나clear Interval () 방법을 사용하면 영원히 실행될 것입니다.
반환 값은 이 메서드의 고유한 ID ID ID입니다.
이 타이머 함수의 실행을 중지하려면clearInterval () 방법 1장을 참조하십시오.
더 많은 윈도우 대상의 속성과 방법을 보려면 누르십시오.
브라우저 지원:
(1).IE 브라우저는 이 메서드를 지원합니다.(2).Firefox 브라우저는 이 메서드를 지원합니다.(3).Opera 브라우저는 이 메서드를 지원합니다.(4).chrome 브라우저는 이 방법을 지원합니다.(5).safria 브라우저는 이 방법을 지원합니다.
코드 인스턴스:






    
 
window.onload=function(){ 
 n=0; 
 function show(){ 
 document.getElementById("mytext").value=n+1; 
 n=n+1; 
 } 
 var flag=setInterval(show,1000) 
} 
 
 
 
 
 

오프셋 레프트와 스타일을 소개합니다.left의 차이
offsetLeft에서 가져온 것은 부모 대상에 대한 왼쪽 거리입니다
left는 포지셔닝 속성 (position이relative로 정의된 부모 대상에 대한 왼쪽 거리를 가져오거나 설정합니다
부모div의position이relative로 정의되고, 자div의position이absolute로 정의되면 자div의style.left의 값은 부모div에 대한 값입니다. 이것은 offsetLeft와 같습니다. 차이점은 다음과 같습니다.
1. style.left는 문자열을 되돌려줍니다. 예를 들어 28px,offsetLeft는 28의 수치를 되돌려줍니다. 얻은 값을 계산할 필요가 있으면offsetLeft를 사용하는 것이 비교적 편리합니다.
2. style.left는 읽기와 쓰기,offsetLeft는 읽기만 하기 때문에div의 위치를 바꾸려면 스타일만 수정할 수 있습니다.left.
3. style.left의 값은 사전에 정의해야 합니다. 그렇지 않으면 찾은 값이 비어 있습니다.그리고 html에 정의해야 해요. 제가 테스트를 해봤는데 css에 정의되면 스타일.left의 값은 여전히 비어 있습니다. 이것이 바로 제가 처음에 겪었던 문제입니다. 항상 스타일을 찾을 수 없습니다.left의 값입니다.
offsetLeft는 div의 위치를 미리 정의할 필요가 없이 찾을 수 있습니다.

좋은 웹페이지 즐겨찾기