테스트 사이트 - 개발 중인 베타 버전입니다

일정시간후 스크립트 실행

· 12년 전 · 2482
setTimeout() - 일정시간후 스크립트 실행
setTimeout("함수명()", 시간[1/1000초]); // 1초 : 1000  

ex1) 3초후 버튼 보이기
<input id="btn" name="btn" type="button" value="버튼" />

<script>
var btn = document.getElementById('btn');
btn.style.display = 'none';
function showBtn() {
    btn.style.display = 'block';
}
setTimeout( "showBtn()", 3000);
</script>


ex2) 실행시간을  다르게 주기
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<script>
var s = new Array(5,1,3,2); // 초 
var i=0;
setTimeout(f, 0);
function f() {
var div = document.getElementsByTagName('div');
for(j=0; j<div.length; j++)  div[j].style.display = 'none';
document.getElementById(i+1).style.display = 'block';
setTimeout(f, s[i]*1000);
i = (i == div.length-1)? 0 : ++i;
}
</script> 
5초 -> 1초 -> 3초 -> 2초

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
20636
20632
20627
11160
20626
20625
20619
17684
20182
11154
11151
11143
20607
20601
11131
11124
11121
11118
11113
11109
20587
11102
11098
11092
11086