Javascript - 检查时间(Onclick)是否超过30秒。
我想将它用于连接超时限制,如果您知道其他任何方式,请告诉我。
我将如何做到这一点?
答案 0 :(得分:0)
你的意思是这样的?希望这可以帮助你< 3
function myFunction() {
alert('Hello');
}
<!DOCTYPE html>
<html>
<body>
<p>Click "Try it". Wait 3 seconds, and the page will alert "Hello".</p>
<button onclick="setTimeout(myFunction, 3000);">Try it</button>
</body>
</html>
答案 1 :(得分:0)
我不确定你想要什么,但是如果你想知道按下按钮的时间长短,那就有办法。
var btn = document.getElementById('btn');
var timeStamp = Date.now();
btn.addEventListener('mousedown', function(){
timeStamp = Date.now();
});
btn.addEventListener('click', function(){
var t = Date.now() - timeStamp;
/*You could add a condition to check the time here.*/
document.getElementById('mssg').innerHTML =
"Mouse was hold " + t + " ms !";
});
&#13;
<input type="button" id="btn" value="Click and hold" />
<span id="mssg"></span>
&#13;
另外,如果你想在一段时间后发生一些事情,请按照以下步骤操作:
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('Hello !');
};
var remainingSeconds = 5;
var interval = setInterval(function(){
remainingSeconds--;
if(remainingSeconds > 0){
btn.value = 'Wait (' + remainingSeconds + ' sec left)';
}
else{
clearInterval(interval);
btn.disabled = false;
btn.value = 'You can now click';
}
}, 1000);
&#13;
<input type="button" id="btn" value="Wait" disabled>
&#13;
我希望,我可以帮忙!请在以后的问题中更加准确!