首次单击后如何禁用此按钮5秒钟？

Question

在我的代码中，单击按钮.getmore向下滚动。 它从数据库加载数据。 每次单击后，我需要将其禁用5秒钟。 如何设置此延迟计时器？

还是有可能在启动后禁用此功能5秒钟？ 禁用该按钮或禁用该功能对我而言将起作用。

$(window).scroll(function(){
    if ($(document).height() <= $(window).scrollTop() + $(window).height()) {
        // Here how can i set a delay time of 5 sec before next click 
        $('.getmore').click(); 
    }
});

Answer 1

您可以使用jQuery的setTimeout（）函数。

 $('.getmore').prop('disabled', true);
 setTimeout(function() {
       $('.getmore').prop('disabled', false);
 }, 5000);

Answer 2

一种解决方案是使用setTimout并使用document.getElementById("yourButtonID").disabled = true; 禁用具有javascript的按钮 document.getElementById("yourButtonID").disabled = true;

Answer 3

之后，您可以使用setTimeout（）n，在其中放入禁用按钮功能。

setTimeout（document.getElementById（'ur_button_id'）。style.display ='none'，500）;

Answer 4

您可以在clickHandler中使用一个标志：

 var clickHandler = () => { if (clickHandler.running) return clickHandler.running = true setTimeout(() => { clickHandler.running = false }, 5000) console.log(new Date()) } $('#getmore').click(clickHandler) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='getmore'>more</div>