클릭하고 있으면 숫자 계속 증가...

클릭하고 있으면 숫자 계속 증가...

QA

클릭하고 있으면 숫자 계속 증가...

본문

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

 

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

 

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

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

 

 

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

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

 

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

이 질문에 댓글 쓰기 :

답변 3


<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>
var cnt = 0;
var time = 100;//1000 = 1초
var interval = null;
function countup(){
    cnt = cnt + 1;
    $("#result_count").val(cnt).blur();
}
$("#counting").mousedown(function() {
    interval = setInterval("countup()", time);
});

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


<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>

<script>
/*
//0.1초마다
var act_time = 100;//1000 = 1초
//0.5초뒤 실행
var chk_time = 500;
var vol_cnt =  Number($(".num_volume").val().replace(/\D/g, ''));
var interval = null;
var chk_intv = null;
function countup(){
    vol_cnt = vol_cnt + 1;
    $(".num_volume").val(vol_cnt).blur();
}
function countdown(){
    vol_cnt = vol_cnt - 1;
    $(".num_volume").val(vol_cnt).blur();
}
function check_time_up(){
    clearInterval(chk_intv);
    interval = setInterval("countup()", act_time);
}
function check_time_down(){
    clearInterval(chk_intv);
    interval = setInterval("countdown()", act_time);
}

$(".quantity__plus").mousedown(function() {
    chk_intv = setInterval("check_time_up()", chk_time);
});

$(".quantity__minus").mousedown(function() {
    chk_intv = setInterval("check_time_down()", chk_time);
});
$(".quantity").mouseup(function() {
    clearInterval(chk_intv);
    clearInterval(interval);
    vol_cnt =  Number($(".num_volume").val().replace(/\D/g, ''));
});
*/
</script>

답변을 작성하시기 전에 로그인 해주세요.
전체 15,643
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT