DISCUZ活动全功能开发超详细实例:第十三节|活动报名功能开发(发送验证码倒计时)

  • 选集
  • 开通VIP
非VIP用户只可以免费试看5分钟,如需学习完整课程,请加入VIP!

DISCUZ活动全功能开发超详细实例:第十三节|活动报名功能开发(发送验证码倒计时)

本节课详细的讲解了如何实现点击发送验证码按钮后,按钮开始自动进行1分钟的倒计时,1分钟倒计时结束后,可以重新发送验证码。
本节课涉及到的参考代码如下:
  1. <input type="button" id="btn" value="免费获取验证码" />  
  2. <script type="text/javascript">  
  3. var wait=60;  
  4. function time(o) {  
  5.         if (wait == 0) {  
  6.             o.removeAttribute("disabled");            
  7.             o.value="免费获取验证码";  
  8.             wait = 60;  
  9.         } else {  
  10.             o.setAttribute("disabled", true);  
  11.             o.value="重新发送(" + wait + ")";  
  12.             wait--;  
  13.             setTimeout(function() {  
  14.                 time(o)  
  15.             },  
  16.             1000)  
  17.         }  
  18.     }  
  19. document.getElementById("btn").onclick=function(){time(this);}  
  20. </script>
复制代码

主讲:班班学院院长
欢迎学习我的课程!
朱飞天,班班学院院长、主讲老师,精通DISCUZ、Photoshop以及app开发等。南昌大学英语专业出身,自学网站编程和开发,有过很多大型项目的开发经验,深谙将知识转化为教程的最佳途径,能系统的教会更多零基础学员。跟着院长学技术,什么都不会也不怕,只要认真学,一定能学会!

35919 位共同战斗的同学