[jQuery] n초마다 버튼 자동 클릭 구현

 

 

매개값이 1일 때 1초마다, 2일 때 2초마다 버튼을 누르고 0초 일 때 작동을 멈추는 코드입니다.

 

 

매개값에 따라 버튼을 클릭하고, 0이 입력되면 타이머를 멈추는 jQuery 코드 : 

let intervalId;

function clickButtonEverySeconds(n) {
  if (n <= 0) {
    clearInterval(intervalId); // 매개값이 0 이하인 경우, 타이머를 중지합니다.
    return;
  }

  const button = $('button');

  intervalId = setInterval(() => {
    button.trigger('click'); // 버튼을 클릭합니다.
  }, n * 1000); // n초마다 버튼을 클릭합니다.
}

clickButtonEverySeconds(3); // 매개값을 원하는 숫자로 변경하여 호출합니다.

위 코드에서는 clickButtonEverySeconds 함수가

매개값으로 받은 n를 기반으로 setInterval 함수를 사용하여 일정한 시간 간격으로 버튼을 클릭합니다.

 

만약 매개값이 0 이하인 경우,

함수는 clearInterval 함수를 사용하여 이전에 생성된 타이머를 중지하고, 함수를 종료합니다.

 

---

추가 설명 링크 : 

trigger : https://rebornbb.tistory.com/entry/jQuery-trigger%ED%95%A8%EC%88%98%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-click-event

[jQuery] trigger()함수를 사용한 click event

화살표함수 : https://rebornbb.tistory.com/entry/JS-ES6-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98-%EA%B8%B0%EB%B3%B8-%EC%A0%95%EB%A6%AC

[JS] ES6 화살표 함수 기본 정리