[23.01.16]

자바스크립트에서 function을 단 한번만 실행하고 싶은경우

 

아래 해당 코드를 사용하면 된다.

 

Boolean 을 이용한 함수다.

 

let is_action = false;
function timer() {
    if (is_action === true) { return false; }
    is_action = true;

 

타이머가 function값이 들어갈 때 마다 실행되서 한참을 찾고 알아낸 코드다.

 

is_action 을 거짓 boolean 값으로 해준뒤에,

 

timer function에서 is_action 이 참일경우 false를 반환해준다.

 

그리고 is_action을 true로 변수값을 주며 마무리한다.

 

마지막으로 아래는 나머지 코드들이다.

 

// 한번만 실행 되는 함수 is_action()
let is_action = false;
function timer() {
    if (is_action === true) { return false; }
    is_action = true;
    // 타이머 시간 설정(초 단위)
    let time = 30;
    // 초 단위로 적어 주면 됩니다.
    let min = "";
    let sec = "";

    let x = setInterval(function () {
        min = parseInt(time / 60);
        sec = time % 60;

        if (sec > 9) {sec = time % 60
        } else {sec = "0" + time %60}

        // HTML에 출력 되는 양식
        document.getElementById("timer").innerHTML = min + ":" + sec;
        time--;
        // 함수 timer() 가 끝나면 실행 되는 코드
        if (time < 0) {
            clearInterval(x);
            document.getElementById("timer").innerHTML = "Time out";
        }
    }, 1000);
}