                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /Tab選項(xiàng)卡切換效果

完美實(shí)現(xiàn)、、、

so easy;;;

淺水了

2015-07-09

源自：Tab選項(xiàng)卡切換效果 3-4

關(guān)注問題我要回答

1190

操作

收起

2 回答

淺水了提問者
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="發(fā)送驗(yàn)證碼";
??????????????times=10;
??????????}
????},1000);???
????????}?
????}
????</script>

這樣就不會(huì)有任何延遲了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

林青石
2015-07-15

顯然不完美啊 ?點(diǎn)擊的時(shí)候有一秒延遲

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

淺水了提問者

怎么優(yōu)化？

2015-07-15 回復(fù) 有任何疑惑可以回復(fù)我~

#2

林青石回復(fù) 淺水了提問者

很簡單，這么寫：send.onclick=function(){ send.value=times+"秒后重試" send.disabled="false"; timer=setInterval(function(){ send.value=times+"秒后重試" send.disabled="false"; 也就是上面也加上這兩句，就不用等定時(shí)器的一秒延遲了

2015-07-17 回復(fù) 有任何疑惑可以回復(fù)我~

#3

淺水了提問者回復(fù) 林青石

還是有延遲、60秒到59秒花了2秒時(shí)間。

2015-07-17 回復(fù) 有任何疑惑可以回復(fù)我~