lemon_verification_code

功能描述

实用短信验证码倒计时判断,专为广大新手准备,此函数可以有效避免应用回到桌面导致验证码重新计算

依赖的模块

快速使用

  1. <div style="width:90%; height:auto; float:left; padding: 0px 15px; margin-top:10px;">
  2. <input style="width:200px; height:40px; min-height:40px; line-height:40px; float:left; border:1px solid #efefef;" />
  3. <a id="GetCode" style="width:100px;height:40px; float:right; line-height:40px; background: #F37668; border-radius: 5px; text-align: center; font-size:14px; color: #fff;">获取验证码</a>
  4. </div>
  5. </body>
  6. <script type="text/javascript">
  7. $api.addEvt($api.dom('#GetCode'), 'click',function(){
  8. get_auth_code('#GetCode',Date.now());
  9. });
  10. function get_auth_code(el,getCodeTime){
  11. if(Date.now()-getCodeTime<60000){
  12. $api.html($api.dom(el),'重新获取('+Math.ceil( (getCodeTime/1+60000-Date.now())/1000 )+'s)');
  13. $api.css($api.dom(el),'pointer-events:none;color:#fff;background: #ccc;');
  14. setTimeout(function(){get_auth_code(el,getCodeTime)},1000);
  15. }else{
  16. $api.html($api.dom(el),'获取验证码');
  17. $api.css($api.dom(el),'pointer-events:auto;color:#fff;background: #F37668;');
  18. }
  19. };
  20. </script>

特别说明