js实现10秒后执行下一步操作

<!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>


本文出自 “梦之翼” 博客,转载请与作者联系!

js实现10秒后执行下一步操作,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。