Web/Javascript

[JS] setInterval() 반복 실행

saltdoll 2015. 3. 21. 03:31
반응형

프로그램에서 반복적으로 실행하는 Javascript 함수( setInterval )입니다.


[ 반복적으로 실행 -  ]



Syntax

setInterval(function,milliseconds,param1,param2,...)


예제

<button onclick="myFunction()">Try it</button>


<script>

function myFunction() {

    setInterval(function(){ alert("Hello"); }, 3000);

}

</script>


예제2

<button onclick="myFunction()">Try it</button>


<script>

var myVar;


function myFunction() {

    myVar = setInterval(alertFunc, 3000);

}


function alertFunc() {

  alert("Hello!");

}

</script>


[ 예제3 - 시계 clearInterval 함수 ]

<p id="demo"></p>


<button onclick="myStopFunction()">Stop time</button>


<script>

var myVar = setInterval(function(){ myTimer() }, 1000);


function myTimer() {

    var d = new Date();

    var t = d.toLocaleTimeString();

    document.getElementById("demo").innerHTML = t;

}


function myStopFunction() {

    clearInterval(myVar);

}

</script>



[참고]

setInterval : http://www.w3schools.com/jsref/met_win_setinterval.asp

clearInterval : http://www.w3schools.com/jsref/met_win_clearinterval.asp

 

반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)