테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

클릭하고 있으면 숫자 계속 증가... 채택완료

예서제이 3년 전 조회 2,295
답변 3
목록

버튼을 1초이상 누르고 있으면

 

카운트가 계속 증가되는 스크립트를 만들려고 합니다.

 

 

 

counting을 1초 이상 누르고 있으면 result_count의 숫자가 계속 증가하게 할려면 어떻게 해야 하나요?

0.1초 정도 단위로 숫자가 계속 증가하면 좋겠는데..

 

구글링을 해봐도 마땅한 소스가 보이질 않네요

#php #그누보드4 #영카트5 #그누보드5
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
개
개노미
3년 전

</p>

<p><script src="<a href="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>" target="_blank" rel="noopener noreferrer">http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script></a>

<button id="counting">증가</button>

<input id="result_count" value=""></p>

<p>

<script>

var cnt = 0;

var time = 100;//1000 = 1초

var interval = null;</p>

<p>function countup(){

    cnt = cnt + 1;

    $("#result_count").val(cnt).blur();

}</p>

<p>$("#counting").mousedown(function() {

    interval = setInterval("countup()", time);

});</p>

<p>

$("#counting").mouseup(function() {

    clearInterval(interval);

});</p>

<p></script></p>

<p>

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

답변에 대한 댓글 2개

�
예서제이
3년 전
감사합니다.
0.5초 이상 누를시에만 작동하게 할려면 어떻게 해야 하나요?
�
개노미
3년 전
[code]
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<button id="counting">증가</button>
<input id="result_count" value="">

<script>
//0.1초마다
var time = 100;//1000 = 1초
//0.5초뒤 실행
var chk_time = 500;

var cnt = 0;
var interval = null;
var chk_intv = null;
function countup(){
cnt = cnt + 1;
$("#result_count").val(cnt).blur();
}

function check_time(){
clearInterval(chk_intv);
interval = setInterval("countup()", time);
}

$("#counting").mousedown(function() {
chk_intv = setInterval("check_time()", chk_time);
});

$("#counting").mouseup(function() {
clearInterval(chk_intv);
clearInterval(interval);
});
</script>
[/code]

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

예서제이

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

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

엑

https://stackoverflow.com/questions/14226803/wait-5-seconds-before-executing-next-line

Promise를 이용한 방법도 있네요

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

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

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

로그인