按住按钮使用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); 
 
});