首页 > Web开发 > 详细

js获取验证码 秒表效果(原创)

时间:2014-07-03 00:29:20      阅读:419      评论:0      收藏:0      [点我收藏+]
<script src="http://code.jquery.com/jquery-latest.js"></script>
<input type="button" onclick="setclock($(this),10);"  value="获取验证码">
<script>
function setclock(dom,value,text)
{
    value=arguments[1]||60; 
    text=arguments[2]||"s后可重发验证码"; 

    dom.attr("disabled","disabled");    
    if(!dom.attr("data-clock"))
    {
        dom.attr("data-dvalue",dom.val());
        value--;
        dom.attr("data-clock",value);
        dom.val(value+text);
    }else
    {        
        var thisValue=parseInt(dom.attr("data-clock"))-1;
        dom.attr("data-clock",thisValue);
        dom.val(thisValue+text);
    }
    
    if(parseInt(dom.attr("data-clock"))>0)
    {
        setTimeout(function(){setclock(dom,value,text)},1000);
    }else
    {
        dom.removeAttr("disabled");
        dom.removeAttr("data-clock");        
        dom.val(dom.attr("data-dvalue"));
    }
}
</script>

 

js获取验证码 秒表效果(原创),布布扣,bubuko.com

js获取验证码 秒表效果(原创)

原文:http://www.cnblogs.com/zhudongchang/p/3818603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!