頁面加載后如何禁用提交按鈕10秒鍾

Question

我的問題可能很簡單，但是我只需要一個星期的編程時間，就無法真正理解相對的答案。 所以...需要您的絕地幫助。 頁面加載后如何禁用提交按鈕10秒鍾？ 謝謝！

Answer 1

您可以像這樣使用javascript

<input type="submit" id="submitButton" disabled="disabled" />

運用

<script type="text/javascript">
    window.onload=function() {
      setTimeout(function(){
        document.getElementById('submitButton').disabled = null;
      },10000);
    }
</script>

如果需要，下面還會顯示一個ID為“ timeLeft”的容器中的倒計時

 <script type="text/javascript">
    var countdownNum = 10;
    window.onload=function() {
      incTimer();
    }

    function incTimer(){
      setTimeout (function(){
        if(countdownNum != 0){
          countdownNum--;
          document.getElementById('timeLeft').innerHTML = 'Time left: ' + countdownNum + ' seconds';
          incTimer();
        } else {
          document.getElementById('submitButton').disabled = null;
          document.getElementById('timeLeft').innerHTML = 'Ready!';
        }
      },1000);
    }
</script>