javascript - 如何在点击按钮后进入休眠状态

Question

我想在按下按钮后延迟一段时间，以便按钮在执行下一行代码之前从缓存加载数据。 sleep 是最好的方法吗？

类似这样的事情还是有其他方法可以最好地解决这个问题？

setInterval(document.getElementById("generateButton"), 1000);

Answer 1

不要使用setInterval去做这个。它没有您似乎想要的功能(它重复)。相反，使用 jQuery 并执行如下操作:

$("#generateButton").click(function(event){
    setTimeout(function(){
        //Do what the button normally does
    }, 1000);          
});

或者(没有 JQuery):

var generateButton = document.getElementById("generateButton");
generateButton.addEventListener("click", function(){
    setTimeout(function(){
        //Do what the button normally does
    }, 1000);
});

使用setTimeout超过setInterval在您的情况下是首选，因为 setTimeout setInterval 时仅运行一次运行多次。

我假设你的 html 中有 <button id='generateButton' onclick='someFunction()'>Button Text</button> 。删除onclick='someFunction()并输入您的 someFunction()我在其中(在示例中)说“执行按钮通常执行的操作。”

您还可以在加载缓存的代码中添加一个方法，该方法在加载缓存后调用另一个方法(当调用按钮中的 someFunction() 时，它会加载缓存，并在函数末尾(使用回调进行设置)，一旦加载了缓存，它就会调用另一个方法 onCacheLoaded()，该方法可以在缓存加载后运行。