hold down button after 1 second and loop the action using jQuery

Question

I got this code from: Jquery: mousedown effect (while left click is held down) It is behaving that if I am holding the button in every 50ms it will do something.

var timeout = 0;
$('#button_add').mousedown(function () {
    timeout = setInterval(function () {
        value_of_something ++;
    }, 50);
    return false;
    });
});

But what I want is to execute this part after holding down the button by 1 second and it will continuously do the action 50ms.

you need to use `setTimeout(function(){// code here } , 1000);` — Mohamed-Yousef, Apr 24 '17 at 06:28
After 1 sec I want to execute that code continuously in 50ms, but not after every 1 sec. — keisaac, Apr 24 '17 at 06:34

Mohamed-Yousef · Accepted Answer · 2017-04-24T06:39:26.690

3

As I said you need to use setTimeout()

var timeout = 0;
$('#button_add').mousedown(function () {
    setTimeout(function(){
      timeout = setInterval(function () {
                   value_of_something ++;
                }, 50);         
    } , 1000);
    return false;
});

Jsfiddle

edited Apr 24 '17 at 06:39

answered Apr 24 '17 at 06:34

Mohamed-Yousef

23,946
3
19
28

can you add how I will stop it? I can`t stop it with `mouseup and mouseout function` – keisaac Apr 24 '17 at 06:39

score 0 · Answer 2 · answered Apr 24 '17 at 06:44

Please use this code... You have to clearTimeout when user mouseup :

var timeout = 0;

$('#button_add').mousedown(function() {
    oneSecondTimer = setTimeout(function() {
        timeout = setInterval(function() {
            value_of_something++;
        }, 50);
    }, 1000);

    return false;
});

$("#button_add").mouseup(function() {
    clearTimeout(oneSecondTimer);
});

hold down button after 1 second and loop the action using jQuery

2 Answers2