已注销用户的gravatar头像
已注销用户2015-04-28 11:50:33

jquery实现手机验证码倒计时效果

一个简单的js效果

主要有2部分:

1.页面代码:
<a onclick=”getcode()” id=”once_get” one=”false”>获取验证码<a>

2.JS代码:

<script>
var onceGetTime = 60; 
function sendCode(){ 
if(onceGetTime > 1){ 
onceGetTime--; 
$("#once_get").html("重新获取("+onceGetTime+")"); 
setTimeout(arguments.callee,1000); 
}else{
 $("#once_get").html("获取验证码");
 $("#once_get").attr("one",false);
 } }
//发送 
function getcode(){  
 //避免重复发   
if  ($("#once_get").attr("one")=='true'){
return false;
 }
 //异步获取验证码,并发送的程序,当发送成功后回调函数调用
 //以下的代码
 $("#once_get").attr("one",true);
 onceGetTime=60;
 sendCode();
 }
 </script>

效果图,如下:

jquery实现手机验证码倒计时效果


打赏

文件名:demo.zip,文件大小:27.694K下载
  • /
      • /demo
        • /demo/jquery-1.4.2.min.js
        • /demo/test.html
最代码最近下载分享源代码列表最近下载
s779766816 LV102020年9月22日
月亮月亮星星星星
gengyupin LV22020年7月7日
星星星星
难搞啊 LV12019年9月23日
星星
lw19900921 LV252019年5月19日
太阳月亮月亮星星
yiangeee LV82019年1月12日
月亮月亮
NoBugNoLife LV72018年6月14日
月亮星星星星星星
Onlyli LV142018年5月30日
月亮月亮月亮星星星星
lkduhuan LV192018年2月7日
太阳星星星星星星
duguangchao LV52017年12月27日
月亮星星
wwj0214 LV252017年11月10日
太阳月亮月亮星星
最代码最近浏览分享源代码列表最近浏览
蓦然回首 LV111月11日
星星
暂无贡献等级
chenxiufeng LV47月2日
月亮
wong LV46月9日
月亮
lovedy LV25月12日
星星星星
孤独の王者 LV54月17日
月亮星星
东方之珠1628 LV44月3日
月亮
charleswang LV43月29日
月亮
upupup2019 LV82月20日
月亮月亮
tetgfsee LV32月6日
星星星星星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友