Question

在我的代码中，单击向下按钮.getmore。它从database.Works加载数据。我需要在每次点击后使其禁用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

一种解决方案是使用document.getElementById("yourButtonID").disabled = true;

来使用setTimout和disable the button with javascript

Answer 3

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

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

Answer 4

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

4 个答案: