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

时间:2022-07-28 15:44:21
<script src="http://code.jquery.com/jquery-latest.js"></script>
<input type="button" onclick="setclock($(this),5);" value="获取验证码">
<a href="javascript:void(0);">获取验证码</a> <script>
$("a").click(function(){
setclock($(this),5);
}); function setclock(dom,value,text,type)
{
value=arguments[1]||60;
text=arguments[2]||"s后重发验证码";
type=arguments[3]||"other"; //if(type!="other"||dom.attr("disabled")!="disabled")
if(!(type=="other"&&dom.attr("disabled")=="disabled"))
{
dom.attr("disabled","disabled");
if(dom[0].nodeName=='INPUT')
{
jQuery.prototype.comValue=jQuery.prototype.val;
}else
{
jQuery.prototype.comValue=jQuery.prototype.text;
} if(!dom.attr("data-clock"))
{
dom.attr("data-dvalue",dom.comValue());
value--;
dom.attr("data-clock",value);
dom.comValue(value+text);
}else
{
var thisValue=parseInt(dom.attr("data-clock"))-1;
dom.attr("data-clock",thisValue);
dom.comValue(thisValue+text);
} if(parseInt(dom.attr("data-clock"))>0)
{
setTimeout(function(){setclock(dom,value,text,"self")},1000);
}else
{
dom.removeAttr("disabled"); dom.removeAttr("data-clock");
dom.comValue(dom.attr("data-dvalue"));
}
}
}
</script>