Javascript检查时差

时间:2017-02-14 14:27:17

标签: javascript html

Javascript - 检查时间(Onclick)是否超过30秒。

我想将它用于连接超时限制,如果您知道其他任何方式,请告诉我。

我将如何做到这一点?

2 个答案:

答案 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)

我不确定你想要什么,但是如果你想知道按下按钮的时间长短,那就有办法。

&#13;
&#13;
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;
&#13;
&#13;

另外,如果你想在一段时间后发生一些事情,请按照以下步骤操作:

&#13;
&#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;
&#13;
&#13;

我希望,我可以帮忙!请在以后的问题中更加准确!