                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

完美实现、、、

so easy;;;

浅水了

2015-07-09

源自：Tab选项卡切换效果 3-4

关注问题我要回答

1055

操作

收起

5 回答

慕工程4598975
2022-07-16

对阿，原生比较好

0 回复有任何疑惑可以回复我~

收起回答

慕前端8379858
2022-07-07

break要放在输出之后吧。

0 回复有任何疑惑可以回复我~

收起回答

浅水了提问者
2015-07-17

<script type="text/javascript">
    window.onload=function(){
        var send=document.getElementById('send'),
            times=59,
            timer=null;
        send.onclick=function(){
          send.value="60秒后重试"
          send.disabled="false";  
    timer=setInterval(function(){
          send.value=times+"秒后重试"
          send.disabled="false";  
          times--;
          if(times<=0){
              clearInterval(timer);
              send.removeAttribute("disabled");
              send.value="发送验证码";
              times=10;
          }
    },1000);   
        } 
    }
    </script>

这样就不会有任何延迟了

0 回复有任何疑惑可以回复我~

收起回答

林青石
2015-07-15

显然不完美啊点击的时候有一秒延迟

0 回复有任何疑惑可以回复我~

收起回答

浅水了提问者

怎么优化？

2015-07-15 回复有任何疑惑可以回复我~

林青石回复浅水了提问者

很简单，这么写：send.onclick=function(){ send.value=times+"秒后重试" send.disabled="false"; timer=setInterval(function(){ send.value=times+"秒后重试" send.disabled="false"; 也就是上面也加上这两句，就不用等定时器的一秒延迟了

2015-07-17 回复有任何疑惑可以回复我~

浅水了提问者回复林青石

还是有延迟、60秒到59秒花了2秒时间。

2015-07-17 回复有任何疑惑可以回复我~