使用$("[property=value]").click()，我希望在单击之间有一个延迟

Question

我目前正在选择一个页面上的所有按钮。使用以下代码。

$("button[data-capture=button123]").click(function(){
    ...some code on click
});

最后，我会同时点击所有的按钮，就像我希望一次点击一个按钮一样，在点击之间使用延迟。

Answer 1

您应该迭代各种按钮，并逐一单击它们。要做到这一点，需要使用闭包来记住循环中i的值，如下所示：

var buttons = $('button[data-capture="button123"]'),
    delay = 500; // milliseconds

for (var i=0; i < buttons.length; i++) {
    (function(I) {
        buttons.eq(I).click(function(){
            setTimeout(function() {
                // some code
            }, delay * I);            
        });
    })(i);
}

Answer 2

我建议您有多个按钮重复数据捕获。

    var delay = 100;

    $("button[data-capture=button123]").each(function(i){
        $(this).click(function(){
           var timeout = setTimeout(function(){
             /* your code goes here*/
            }), delay * i );
        });
    });

Answer 3

您可以使用setTimeout

var buttonset = $('button[data-capture="button123"]');
buttonset.click(function(){
    setTimeout((function(){
    // code to implement
    }, 
    100//timeinterval in miliseconds can use variable also.
    );

}