jquery - 禁用 jquery 函数 x 秒

Question

我有一个附加了 jquery click 的图像

<img src=pic.gif id="action">

和一些jquery

$("#action").click(function(){ 
    alert("DONE");
    }); 

如何编辑它，以便操作函数在运行后 x 秒内无法运行？假设我是否希望在每次点击后将其禁用 5 秒。

Answer 1

您可以将函数存储在变量中。然后取消绑定(bind)事件并再次附加它。这确保它仅在该时间段过去后运行..

试试这个

var click = function() {
    $("#action").click(function() {
        alert("DONE");
        // Unbind the event
        $('#action').unbind();
        // Call the function after 2 second delay
        setTimeout(function() {
            click();
        }, 2000);
    });
    };
click();
​

检查这个DEMO