jQuery按钮每2秒点击一次

时间:2012-07-11 17:23:22

标签: javascript jquery html

当我非常快速地点击按钮时,我遇到了一些jQuery代码的麻烦。所以要解决这个问题,我只需要让用户每2秒左右点击一次按钮。如何每2秒(或我选择的任何时间)只按一个按钮?

3 个答案:

答案 0 :(得分:12)

假设您使用的是<button><input>

$('#yourButton').click(function(){
    var btn = $(this);
    btn.prop('disabled',true);
    window.setTimeout(function(){ 
        btn.prop('disabled',false);
    },2000);
});

jsFiddle DEMO

2000是重新启用按钮之前的时间长度,以毫秒为单位

答案 1 :(得分:1)

让“click”处理程序为该按钮添加一个类(可能是“clicked”),并在2秒后启动计时器以删除该类。如果处理程序看到“clicked”已经应用于按钮,则它什么都不做。

你也可以禁用按钮;这可能会更好,因为它会给用户提供按钮不会做任何事情的可视指示。

答案 2 :(得分:1)

单击时禁用该按钮,并运行一个具有2秒超时的计时器,该计时器在到期时重新启用该按钮。