如何让用户的点击在处理点击之前等待 2 分钟?
How to make a user's click to wait for 2 Minutes before the click is processed?
基本上我有一个按钮,我点击它会转到下一页。
如何做到从页面加载时开始,它会在 2 分钟内重定向您。如果您过早点击它,屏幕上会出现一个消息框
看看setTimeout()
。我相信您会找到许多与您想要实现的目标相似的好例子。
如果你想强制用户等待 2 分钟再让他点击按钮,也可以使用 setTimeout()
+ 一些全局变量来完成可能的解决方案。比方说:
window.isButtonXAllowed = false;
setTimeout(function(){ window.isButtonXAllowed = true }, 120000);
并且在处理程序处理按钮的单击中,您将检查 window.isButtonXAllowed
的状态。
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
setTimeout(function(){ alert("Hello"); }, 2000);
}
</script>
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>
基本上我有一个按钮,我点击它会转到下一页。
如何做到从页面加载时开始,它会在 2 分钟内重定向您。如果您过早点击它,屏幕上会出现一个消息框
看看setTimeout()
。我相信您会找到许多与您想要实现的目标相似的好例子。
如果你想强制用户等待 2 分钟再让他点击按钮,也可以使用 setTimeout()
+ 一些全局变量来完成可能的解决方案。比方说:
window.isButtonXAllowed = false;
setTimeout(function(){ window.isButtonXAllowed = true }, 120000);
并且在处理程序处理按钮的单击中,您将检查 window.isButtonXAllowed
的状态。
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
setTimeout(function(){ alert("Hello"); }, 2000);
}
</script>
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>