如何在'X'秒onmousedown事件後調用函數

Question

我想在用戶按住按鈕'x'秒後調用一個函數。請幫忙。

Answer 1

調用setTimeout（）以在3000毫秒後執行您的操作，將標識符從setTimeout（）存儲到函數上方的變量中。在元素的mouseup（）上，如果它通過clearTimeout（）存在，清除超時。

var divMouseDown; 
$('#div-id').mousedown(function() { 
divMouseDown = setTimeout(function() { 
// Do timeout action... 
}, 3000); 
}); 
$('#div-id').mouseup(function() { 
if (divMouseDown) { 
clearTimeout(divMouseDown); 
} 
}); 

Answer 2

(function() { 
function someFunction() 
{ 
    alert("do something"); 
} 

var x = 2000; // 2000 miliseconds = 2 seconds 
var mousePressed = false; 
var timePressed = 0; 
var timeHolding = 0; 

function check(){ 
    timeHolding = new Date().getTime() - timePressed;   
    if(timeHolding >= x){ 
     someFunction(); 
    } 
}  
window.addEventListener('mousedown', function() {   
    if(!mousePressed){ 
     mousePressed = true; 
     timePressed = new Date().getTime(); // or Date.now()   
     setTimeout(function(){ check() }, x); 
    } 
}, false); 

window.addEventListener('mouseup', function() {   
    mousePressed = false;   
    timePressed = new Date().getTime(); 
}, false); 
})(); 

檢查工作here。

Answer 3

$('div.target').primarydown(function() { 
    released = false; 
    $(this).primaryup(function() { 
     released = true; 
    }); 
    setTimeout(function() { 
     if(released) return; 
     else { 
     // call required function 
     } 
    }, 1000 /* timeout */); 
});