javascript - jquery中如何延迟焦点事件？

Question

我的页面上有几个按钮，我想以一定的延迟将焦点切换到每个按钮上。我如何使用 jquery 或纯 javascript 来实现这一点。这是我迭代所有按钮的想法，但显然我最终将焦点放在最后一个按钮上。

$(document).ready(function() {
var allButtons = $(":button");
for (i=0;i<=allButtons.length;i++) {
   $('.category_button')[i].focus()
}
});

Answer 1

您可以通过在 for 循环中创建一个闭包并将索引传递给 setTimeout 延迟来实现此目的:

var allButtons = $(":button");
for (i = 0; i < allButtons.length; i++) {
    (function(index) {
        setTimeout(function() { 
            allButtons[index].focus(); 
        }, 1000*index);
    }(i));
}

See example here.