HTML - 從按鈕激活過去並點擊它的JavaScript計數時間

-3

我想創建一個簡單的html-javascript頁面，其中包含文本字段和提交按鈕。提交按鈕必須每隔5分鐘啓用一次，然後您可以在該字段中寫入內容並點擊提交。點擊提交，它會顯示激活和提交已經過了多長時間。由於HTML - 從按鈕激活過去並點擊它的JavaScript計數時間

<html> 
 

 
<body> 
 
\t 
 
\t 
 
\t \t <div id="main"> 
 
\t \t 
 
\t \t <!-- Form --> 
 
\t \t <form id="form" action="/" method="post"> 
 
\t \t \t 
 
\t \t \t \t \t <label> 
 
\t \t \t \t \t <span>Website:</span> 
 
\t \t \t \t \t <input placeholder="http://" type="url" tabindex="4" required> 
 
\t \t \t \t </label> 
 
\t \t \t </div> 
 
\t \t \t 
 
\t \t \t <div> 
 
\t \t \t \t <button name="submit" type="submit" id="submit">invia</button> 
 
\t \t \t \t <script type="text/javascript"> 
 
\t \t \t \t document.getElementById('submit').disabled = true; 
 
\t \t \t \t setTimeout(function(){ 
 
\t \t \t \t document.getElementById('submit').disabled = false; 
 
\t \t \t \t }, 2000); 
 
\t \t \t \t </script> 
 
\t \t \t \t <script type="text/javascript"> 
 
\t \t \t \t var t0 = performance.now(); 
 
\t \t \t \t var i=0; 
 
\t \t \t \t do 
 
\t \t \t \t { 
 
\t \t \t \t \t i++; 
 
\t \t \t \t } while document.getElementById('submit').click(); 
 
\t \t \t \t var t1 = performance.now(); 
 
\t \t \t \t var time= ((t1 - t0) + " milliseconds."); 
 
\t \t \t \t document.getElementById('time').innerHTML = time; 
 
\t \t \t \t </script> 
 
\t \t \t \t </div> 
 
\t \t \t \t <div id="time"></div> 
 
\t \t </form> 
 
\t \t <!-- /Form --> 
 
\t \t 
 
\t \t </div> 
 
\t 
 

 
</body> 
 
</html>

來源

2015-04-28 doemnico dimisa

你有沒有嘗試過的東西？添加你的源代碼。 – Zee

你能告訴我們你的代碼和你在哪裏阻止 – Youssef

公司大規模downvotes。告訴我們你做過的事情。 – rottenoats

看一看WindowTimers.setInterval()其中一個功能/回調在定義的每個第n次調用。

在你的情況下，按鈕屬性啓用/禁用。

希望這會有所幫助。

來源

2015-04-28 15:36:13 daxeh

-1

problem solved.

<html> 
 
<body> 
 

 
<div id="main"> 
 
<!-- Form --> 
 
\t <form id="form" action="/" method="post"> 
 
<div> \t 
 
\t \t <label> 
 
\t \t \t <span>Website:</span> 
 
\t \t \t <input placeholder="http://" type="url" required> 
 
\t \t </label> 
 
</div> 
 
\t \t \t 
 
<div> 
 
\t \t <input type="button" value="Invia" id="Invia" onclick="stopTimer()" /> 
 
\t \t \t \t \t \t 
 
\t \t <script type="text/javascript"> 
 
\t \t \t document.getElementById('Invia').disabled = true; 
 
\t \t \t setTimeout(function(){ 
 
\t \t \t document.getElementById('Invia').disabled = false; 
 
\t \t \t document.getElementById('tempVar').value = Date.now(); 
 
\t \t \t }, 5000); 
 
\t \t \t </script> 
 
\t \t 
 
\t \t <script> 
 

 
\t \t var greeting; 
 
\t \t 
 
\t \t function timeGreeting() 
 
\t \t 
 
\t \t { 
 
\t \t 
 
\t \t greeting = performance.now(); 
 
\t \t 
 
\t \t } 
 
\t \t 
 
\t \t timeGreeting(); 
 
\t \t 
 
\t \t function stopTimer() 
 
\t \t 
 
\t \t { 
 
\t \t var time = performance.now(); 
 
\t \t alert((time - greeting) + "ms"); 
 
\t \t \t \t 
 
\t \t } \t \t 
 
\t \t </script> 
 
\t \t <input type="button" value="Ricarica Pagina" onClick="document.location.reload(true)"> 
 
\t \t 
 
</div> 
 
    </form> 
 
\t \t <!-- /Form --> 
 
\t \t 
 
</div> 
 

 
</body> 
 
</html>

來源

2015-05-11 10:08:32

這看起來更像一個點差異遊戲，而不是答案。你改變了什麼？爲什麼它有幫助？ – Quentin

HTML - 從按鈕激活過去並點擊它的JavaScript計數時間

回答

相關問題