JavaScript实现短信倒计时60s


Posted in Javascript onOctober 09, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示;

$(function(){
   //获取验证码
   var getCode = document.getElementById('getCode');
    var wait = 60;
    function time(btn){
      if (wait===0) {
        btn.removeAttribute("disabled");
        btn.innerHTML = "获取验证码";
        wait = 60;
      }else{
        btn.setAttribute("disabled",true);
        btn.innerHTML = wait + "秒后重试";
        wait--;
        setTimeout(function(){
          time(btn);
        },1000);
      }
    }
    getCode.onclick = function(){
      time(this);
    };
})

总结

以上所述是小编给大家介绍的JavaScript实现短信倒计时60s,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
js实现图片轮播效果
Dec 19 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
webpack构建的详细流程探底
Jan 08 Javascript
[jQuery] 事件和动画详解
Mar 05 jQuery
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
Vue学习笔记之计算属性与侦听器用法
Dec 07 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
Sep 21 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 Javascript
ES6学习教程之对象字面量详解
Oct 09 #Javascript
AngularJS中的路由使用及实现代码
Oct 09 #Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 #Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 #Javascript
JS实现的全排列组合算法示例
Oct 09 #Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 #Javascript
jQuery ajax调用webservice注意事项
Oct 08 #jQuery
You might like
php递归删除目录与文件的方法
2015/01/30 PHP
php上传文件常见问题总结
2015/02/03 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
PHP filter_var() 函数, 验证判断EMAIL,URL等
2021/03/09 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
treepanel动态加载数据实现代码
2012/12/15 Javascript
js加载读取内容及显示与隐藏div示例
2014/02/13 Javascript
JS实现超精简响应鼠标显示二级菜单代码
2015/09/12 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
浅谈python可视化包Bokeh
2018/02/07 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
Python之时间和日期使用小结
2019/02/14 Python
python opencv实现图像边缘检测
2019/04/29 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Python实现元素等待代码实例
2019/11/11 Python
Python实现ElGamal加密算法的示例代码
2020/06/19 Python
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
天鹅的故事教学反思
2014/02/04 职场文书
《草原》教学反思
2014/02/15 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
小学老师对学生的评语
2014/12/29 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
如何撰写创业策划书
2019/06/27 职场文书
springboot实现string转json json里面带数组
2022/06/16 Java/Android
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript