使用jQuery自动生成定时的“click”事件

Question

我创建了三个按钮并为其创建了三个不同的jQuery click函数，以便在div中显示一些文本。

如果用户在前10秒内未能点击按钮，如何自动生成click个事件（定时）？

详细信息：我正在使用（jQuery 1.11.0 + HTML5 + CSS3）

Answer 1

在初始化时使用普通JavaScript函数setTimeout()（10秒后调用点击处理程序）并在单击其中一个按钮时清除超时（即从您的点击处理程序中删除）

Answer 2

示例一：遍历每个按钮

Live demo of button iteration

这将在XXXX毫秒后点击（从结尾开始）每个按钮。在小提琴中我使用1000毫秒，所以你不必等待10秒才能看到结果。

var num = document.getElementsByClassName('clicker').length,
    iterate = setInterval(function () {
        $('input[type="button"]').eq(num).click();
        num--;
        if (num < 0) clearInterval(iterate);
    }, 10000);
$('input').click(function () {
    alert('clicked number ' + this.id);
});

示例二：已经知道要去哪个按钮

Live demo for individual button

只需用按钮选择器替换#one，就可以了。如果在超时完成之前单击它，则会取消超时。

var autoClick = setTimeout(function () {
    $('#one').click();
}, 10000);
$('#one').on('click', function () {
    clearTimeout(autoClick);
    // Do something for this button
});