본문 바로가기

제이쿼리

[제이쿼리] setInterval() / clearIntetval()

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <title>예제</title>

    <script src="js/jquery.min.js"></script>

    <script>
        var info = 0;

        function func() {
            alert("hello javascript!");
        }

        function start() {
            info = setInterval(func, 3000);
        }

        function stop() {
            clearInterval(info);
        }
    </script>
</head>

<body>
    <button onclick="start()">Start Interval</button>
    <br>
    <button onclick="stop()">Stop Interval</button>
</body>

</html>

[Start Interval] 버튼을 누르면 3초마다 함수가 실행되고, [Stop Interval] 버튼을 누르면 함수 실행이 중단된다.