按住按鈕使用jQuery

Question

的動作，我從這個代碼：Jquery: mousedown effect (while left click is held down) 據表現，如果我在每50ms按住該按鈕，它會做什麼。

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

但我想要的是按住按鈕1秒後執行此部分，它會持續執行動作50ms。

Answer 1

正如我所說的，你需要使用setTimeout()

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

Jsfiddle

Answer 2

請使用此代碼......你必須clearTimeout當用戶鼠標鬆開：

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); 
 
});