2013-04-24 151 views
2

我的问题后,如何持续10秒禁用提交按钮可能是简单的,但只有一个星期,我把编程,我不能真正理解相对的答案,我能找到。所以......需要你的绝地帮助。 如何在页面加载后禁用提交按钮10秒? 谢谢!页面加载

+2

有禁用标签的按钮,使用JavaScript setTimeout()定时器10秒,在此期间后将更改bu tton属性不被禁用。 – Dave 2013-04-24 08:44:26

+0

我们可以通过使用jQuery ...使用.hide() – 2013-04-24 08:44:34

+0

我们也可以不用在所有 – mplungjan 2013-04-24 08:46:07

回答

5

可以使用

<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> 
使用JavaScript这样

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

+0

使用jQuery,以及如何将它传递给按钮做呢? – user2309163 2013-04-24 08:48:06

+0

你需要做一个'的window.onload =函数(){...}' – mplungjan 2013-04-24 08:49:03

+0

你可以把这个函数的onload功能 – 2013-04-24 08:49:18