zoukankan      html  css  js  c++  java
  • jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码

    var InterValObj; //timer变量,控制时间  
    var count = 5; //间隔函数,1秒执行  
    var curCount;//当前剩余秒数  
      
      
    function sendMessage() {  //启动计时器,1秒执行一次  
        curCount = count;
        $("#emailcode").attr("disabled", "true");  
        $("#emailcode").val(curCount + "秒后可以重发验证码");  
        InterValObj = window.setInterval(SetRemainTime, 1000); 
    }  
      
      
    //timer处理函数  
    function SetRemainTime() { 
        if (curCount == 0) {                  
            window.clearInterval(InterValObj);//停止计时器  
            $("#emailcode").removeAttr("disabled");//启用按钮  
            $("#emailcode").val("重新发送验证码");  
        }  
        else {  
            curCount--;  
            $("#emailcode").val(curCount + "秒后可以重发验证码");  
        }  
    } 
    
    
    
    
    
    
    html
    <input id="emailcode" class="recive" type="button" value="获取邮件验证码" onclick="checkAuthCode()" />
  • 相关阅读:
    触摸事件传递与响应者链条
    运动事件Motion Events
    手势识别
    MVC模式
    单例模式
    观察者模式(一对多)
    关于多线程的介绍
    Sandbox简介和路径获取
    NSFileManager和NSFileHandle使用
    归档储存
  • 原文地址:https://www.cnblogs.com/zhangchengbing/p/6276979.html
Copyright © 2011-2022 走看看