使用jQuery自动生成定时`单击事件

Question

我创建了三个按钮，并创建了三个不同的jquery click功能，以在 div中显示一些文本。

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

详细信息：我正在使用（jquery 1.11.0 html5 css3）

Answer 1

在初始化时使用普通的javascript函数settimeout（）（在10秒后调用点击处理程序），如果单击了一个按钮（即，从您的点击处理程序）

Answer 2

示例一：通过每个按钮迭代

按钮迭代的实时演示

这将在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);
});

示例两个：已经知道要使用哪个按钮

单个按钮的实时演示

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

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