如何让用户的点击等待 2 分钟再处理点击？答案

【问题标题】：How to make a user's click to wait for 2 Minutes before the click is processed?如何让用户的点击等待 2 分钟再处理点击？
【发布时间】：2016-01-09 14:57:27
【问题描述】：

基本上我有一个按钮我点击它进入下一页。

如何做到这一点，从页面加载开始，它将在 2 分钟内重定向您。如果你过早点击它，屏幕上会出现一个 msgbox

【问题讨论】：

它将在 JavaScript 中。你试过什么？
这需要在客户端完成，所以 javascript 是要走的路
@JaromandaX 它也应该在服务器上检查，所以 php 是（也是）要走的路
我完全不知道该怎么做，我完全是个菜鸟。
你可以用 JavaScript 做到这一点。查看 JavaScript 上的“setTimeout”函数和 HTML 上的“Disabled”属性。

标签： javascript button click wait

【解决方案1】：

看看setTimeout()。我相信您会找到许多与您想要实现的目标相似的好示例。

如果您想强制用户等待 2 分钟再允许他单击按钮，也可以使用 setTimeout() + 一些全局变量来完成可能的解决方案。比方说：

window.isButtonXAllowed = false;
setTimeout(function(){ window.isButtonXAllowed = true }, 120000);

在处理程序处理按钮的单击中，您将检查window.isButtonXAllowed 的状态。

【讨论】：

【解决方案2】：

<button onclick="myFunction()">Try it</button>

    <script>
    function myFunction() {
        setTimeout(function(){ alert("Hello"); }, 2000);
    }
    </script>

【讨论】：

【解决方案3】：

var timeout = false;
setTimeout(function(){ 
   timeout = true; 
}, 3000);  //wait for 3 seconds
$("#waitForClick").on('click',function(){
  if(!timeout)
   alert("please Wait"); 
  else
    window.location = "Your redirect location";
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button id="waitForClick" > Click me </button>

【讨论】：

由于某种原因，当我单击按钮时，它不会执行任何此代码
所以它给了警报框没有重定向，一旦按钮被点击，我需要aletbox
代码检查页面加载后是否已经 3 秒，然后设置变量 timeout = true。单击时会检查此变量，并允许用户在超时为 true 时重定向页面