<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript实例</title>
          
    </head>
    <body>
        <h3>JavaScript实例--扩展知识</h3>
          
        <button id="bid" disabled="disabled" >(10秒)下一步</button>
          
        <script type="text/javascript">
           //获取当前按钮标签对象
           var bid = document.getElementById("bid");
           bid.disabled=true;
           var m=10;
          //按钮的点击事件处理函数
          function fun(){
             m--;
             bid.innerHTML="("+m+"秒)下一步";
             if(m>0){
                setTimeout("fun()",1000);
             }else{
                 bid.disabled=false; //解除禁用
             }
          }
            
          //定时调用函数
          setTimeout("fun()",1000); //1秒后调用fun函数
           
        </script>
    </body>
</html>