如何在加载页面后禁用提交按钮10秒

时间:2013-04-24 08:42:58

标签: php javascript button

我的问题可能很简单,但我只有一周的编程时间,而且我无法理解我能找到的相对答案。所以...需要你的绝地帮助。 如何在加载页面后禁用提交按钮10秒? 谢谢!

1 个答案:

答案 0 :(得分:5)

你可以使用这样的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>