有谁知道按钮上实现倒计时，过了之后才能点击！

<input type=button value=xxxxx disabled=true id=x>
<div id=y></div>
<script>
i =20
setInterval("if(i<0) {document.all.x.disabled=false} document.all.y.innerText=--i",1000)
</script>

解决方案 »

  1.   

    <body><input type="submit" value="倒记时开始" name="sub" disabled/>
    <script>
    var iSecond = 6;
    function bao()
    {
        iSecond--;
        if(iSecond>0)
        {
            document.all.sub.value = '还剩余' + iSecond + '秒';
        }
        else
        {
            document.all.sub.disabled=false;
            document.all.sub.value = '记时结束';
            clearInterval(timer);
        }
    }
    timer = setInterval("bao()",1000);
    </script>
      

  2.   

    setInterval()一般放在function之外
    而且可以调用语句和函数
      

  3.   

    正好前几天用过……^-^脚本说明:  
    第一步:把如下代码加入<body>区域中
     <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    // Take user here after session timed out
    timedouturl = "http://www.baron.com.cn";function Minutes(data) {
    for (var i = 0; i < data.length; i++)
    if (data.substring(i, i + 1) == ":")
    break;
    return (data.substring(0, i));
    }
    function Seconds(data) {
    for (var i = 0; i < data.length; i++)
    if (data.substring(i, i + 1) == ":")
    break;
    return (data.substring(i + 1, data.length));
    }
    function Display(min, sec) {
    var disp;
    if (min <= 9) disp = " 0";
    else disp = " ";
    disp += min + ":";
    if (sec <= 9) disp += "0" + sec;
    else disp += sec; 
    return (disp);
    }
    function Down() { 
    sec--;      
    if (sec == -1) { sec = 59; min--; }
    document.timerform.clock.value = Display(min, sec);
    window.status = "Session will time out in: " + Display(min, sec);
    if (min == 0 && sec == 0) {
    alert("Your session has timed out.");
    window.location.href = timedouturl;
    }
    else down = setTimeout("Down()", 1000);
    }
    function timeIt() {
    min = 1 * Minutes(document.timerform.clock.value);
    sec = 0 + Seconds(document.timerform.clock.value);
    Down();
    }
    //  End -->
    </script>
    <center>
    <form name="timerform">
    <input type="text" name="clock" size="7" value="2:00"><p>
    </form>
    </center> 
    第二步:把如下代码加入<body>区域中<body bgcolor="#ffffff" OnLoad="timeIt()">
      

  4.   

    <SCRIPT language="javascript">
    var sum = 10;
    function init()
    {
        sub.value = "十秒钟后进入(" + sum + ")";
        if(sum == 0)
        {
            sub.value = " 同意 ";
            sub.disabled = false;
        }
        else
        {
            sum --;
            setTimeout('init()',1000);
        }
    }
    </SCRIPT>
    <BODY onLoad="init()">
    <INPUT id="sub" type="button" value=" 十秒钟后进入(10) " disabled>
    </BODY>