jquery中如何延迟焦点事件？

发布于 2024-10-21 06:11:50 字数 274 浏览 2 评论 0原文

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

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

原文

I have a few buttons on my page and I want to switch focus on each on of them with a certain delay. How I can achieve that with jquery or pure javascript. This is the idea I have for iterating along all my buttons but I obviously end up with the focus on my last button.

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你另情深 2024-10-28 06:11:50

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

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

请参阅此处的示例。

You can do this by creating a closure within your for loop and passing the index to the setTimeout delay:

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

See example here.

回复收藏 0 原文

江南月 2024-10-28 06:11:50

您可以使用 setTimeout 在延迟后调用函数。该功能可以将焦点设置在您的下一个按钮上。

所以伪代码——

setTimeout(2000, focusOn(0));

// somewhere else
function focusOn(i) {
    $('.category_button')[i].focus();
    if (i + 1 < numButtons)
    {
        setTimeout(2000, focusOn(i + 1);
    }
}

You can use setTimeout to call a function after a delay. The function can set the focus on your next button.

So pseudocode --

setTimeout(2000, focusOn(0));

// somewhere else
function focusOn(i) {
    $('.category_button')[i].focus();
    if (i + 1 < numButtons)
    {
        setTimeout(2000, focusOn(i + 1);
    }
}

回复收藏 0 原文

暮色兮凉城 2024-10-28 06:11:50

var currentButtonIndex = 0;

function FocusButton()
{
   // focus current button index here
   // increment counter
   // some condition when to stop 
   // call FocusButton again with delay
   // window.setTimeout(FocusButton,1000);
}

var currentButtonIndex = 0;

function FocusButton()
{
   // focus current button index here
   // increment counter
   // some condition when to stop 
   // call FocusButton again with delay
   // window.setTimeout(FocusButton,1000);
}

回复收藏 0 原文

~没有更多了~