专栏首页小古哥的博客园基于jquery的-获取短信验证码-倒计时

基于jquery的-获取短信验证码-倒计时

在制作短信验证的时候,需要做一个获取短信按钮,点击后显示倒计时,

html代码如下:

1 <input class="gain" type="button" value="获取验证码">

js代码如下:

 1 var istime=true;
 2     $(".gain").click(function(){if(istime){getCode($(this),30)}})
 3 
 4     //获取验证码
 5     function getCode(a,n){//a:DOM节点,n:倒数秒数
 6         istime=false;
 7         a.val(n+"s");
 8         var times=setTimeout(changetime,1000);
 9         function changetime(){
10             if(n>0){n--;a.val(n+"s");times=setTimeout(changetime,1000);}else{clearTimeout(times);a.val("重新获取");istime=true;}
11         }
12     }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 读书笔记-JavaScript面向对象编程(一)

    前前后后大概花了两周的时间,终于把这本书大致看完了,对之前javascript高级程序设计中模糊不清的概念,有了一些新的看法和角度,整体上来说,本书还是一本比较...

    小古哥
  • JS高级-数据结构的封装

    最近在看了《数据结构与算法JavaScript描述》这本书,对大学里学的数据结构做了一次复习(其实差不多忘干净了,哈哈)。如果能将这些知识捡起来,融入到实际工作...

    小古哥
  • 教程笔记《JavaScript深入浅出》

    一、数据类型 javascript是弱数据类型语言,不需要显式的定义类型,一共有如下六种数据类型 五种基本类型:number,string,boolean,nu...

    小古哥
  • 如何高效推进ML模型开发和部署?Uber机器学习平台Michelangelo实践

    【导读】2017年9月,Uber 在技术社区发表了一篇文章向大家介绍了 Uber 的机器学习平台 —— Michelangelo。随着平台的日渐成熟,Uber ...

    AI科技大本营
  • 云计算机器学习适合你的组织吗?

    云计算机器学习平台,有时也被称为机器学习即服务(MLaaS)解决方案,可以让企业更加轻松地采用人工智能(AI)。但专家表示,中小企业在考虑采用这些服务之前应该考...

    静一
  • 人工智能和机器学习有何不同

    在过去几年中,人工智能和机器学习这两个术语已经开始在技术新闻和网站中频繁出现。通常这两者被用作同义词,但许多专家认为它们具有微妙但真正的差异。

    首席架构师智库
  • 吴恩达创建deeplearning.ai讲授AI课程 ,向全世界普及深度学习知识

    镁客网
  • 微软前副总裁谈人工智能:人类依然不可或缺

    镁客网
  • 微软张亚勤:未来10年机器智能超过常人

    大数据文摘
  • 机器学习依然奇货可居,但不是只有博士才能玩得转

    【AI100 导读】AI100 正在播出 Jeremy Howard 教授讲授的 Fast.ai 课程。最近,Fast.ai 的另一位创始人 Rachel Th...

    AI科技大本营

扫码关注云+社区

领取腾讯云代金券