php - ページが読み込まれた後、送信ボタンを 10 秒間無効にする方法

Question

私の質問はおそらく単純ですが、私はプログラミングを始めてまだ 1 週間しか経っていないので、見つけることができる相対的な答えを本当に理解できません。だから... あなたのジェダイの助けが必要です。ページが読み込まれた後、送信ボタンを 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>