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

자바스크립트 질문ㅠㅠ 채택완료

장똥 3년 전 조회 2,471

지정한 초 뒤에 버튼 클릭 을실행시켜주고싶은데 어떻게 처리할까요? 자바스크립트는 잘몰라서 헷갈리네요ㅠㅠ

 

</p>

<p>setTimeout(function(){}, 1000);</p>

<p>이벤트실행(버튼클릭)</p>

<p>document.getElementById("my-btn")[0].click();</p>

<p>

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

답변 2개

채택된 답변
+20 포인트

</p>

<p>setTimeout(function(){</p>

<p>   $('#btn_id').trigger('click');</p>

<p>}, 1000);</p>

<p>

이렇게 하면됩니다.

 

그런데 버튼을 클릭해서 javascript 함수를 실행하고자 한다면 그냥 함수를 실행시키세요.

예를들어 버튼 클릭으로 실행하는 함수명이 click_process() 라면

</p>

<p>function click_process(arg1, arg2)</p>

<p>{</p>

<p>   alert(arg1 + " " + arg2);</p>

<p>}</p>

<p> </p>

<p>setTimeout(click_process, 1000, "Hello", "World");</p>

<p>

이런식으로요.

setTimeout(함수, [지연시간], [함수의 인자1], [함수의 인자2], ...); 이렇게 사용하면 됩니다.

로그인 후 평가할 수 있습니다

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

B
3년 전

+ setTimeout()

- https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#examples [영어]

- https://developer.mozilla.org/ko/docs/Web/API/setTimeout#예제 [한국어]

</p>

<p><button onclick="delayedMessage();">2초 뒤 메시지 표시</button>

<button onclick="clearMessage();">메시지가 나타나기 전에 취소</button></p>

<p><div id="output"></div></p>

<p><script>

let timeoutID;</p>

<p>function setOutput(outputContent) {

  document.querySelector('#output').textContent = outputContent;

}</p>

<p>function delayedMessage() {

  setOutput('');

  timeoutID = setTimeout(setOutput, 2*1000, '너무 느려요!');

}</p>

<p>function clearMessage() {

  clearTimeout(timeoutID);

}

</script></p>

<p>

로그인 후 평가할 수 있습니다

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

답변을 작성하려면 로그인이 필요합니다.

로그인