已注销用户的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
最代码最近下载分享源代码列表最近下载
dushuzhong  LV7 2022年5月3日
s779766816  LV10 2020年9月22日
gengyupin  LV2 2020年7月7日
难搞啊  LV1 2019年9月23日
lw19900921  LV25 2019年5月19日
yiangeee  LV8 2019年1月12日
NoBugNoLife  LV7 2018年6月14日
Onlyli  LV14 2018年5月30日
lkduhuan  LV19 2018年2月7日
duguangchao  LV5 2017年12月27日
最代码最近浏览分享源代码列表最近浏览
150252812  LV5 2022年10月1日
andywong73  LV1 2022年9月16日
51106397 2022年6月21日
暂无贡献等级
dushuzhong  LV7 2022年5月3日
蓦然回首  LV1 2021年11月11日
修身亦修心 2021年7月11日
暂无贡献等级
chenxiufeng  LV4 2021年7月2日
wong  LV4 2021年6月9日
lovedy  LV2 2021年5月12日
孤独の王者  LV6 2021年4月17日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友