JavaScript获取短信验证码(周期性)


Posted in Javascript onDecember 29, 2016

 本文实例为大家分享了js周期性获取短信验证码的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
<input type="text"/>
<input type="button" id="btn" value="点击发送验证码"/>
<script>
 var timerId = null;
 var btn = document.getElementById("btn");
 var num = 5;
 btn.onclick = function () {
  btn.disabled = true;
  timerId = setInterval(function () {
   num--;
   btn.value = num + "秒后可以发送";
   if (num === 0) {
    clearInterval(timerId);
    btn.value = "点击发送验证码";
    btn.disabled = false;
    num = 5;
   }
  }, 1000);
 };
</script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 Javascript
Bootstrap项目实战之首页内容介绍(全)
Apr 25 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
Bootstrap CSS组件之大屏幕展播
Dec 17 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
JavaScript实现同一个页面打开多张图片
Dec 29 #Javascript
Javascript 对cookie操作详解及实例
Dec 29 #Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 #Javascript
javascript显示系统当前时间代码
Dec 29 #Javascript
解析JavaScript模仿块级作用域
Dec 29 #Javascript
JavaScript仿支付宝6位数字密码输入框
Dec 29 #Javascript
vue实现列表的添加点击
Dec 29 #Javascript
You might like
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
简单实现PHP留言板功能
2016/12/21 PHP
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
快速掌握Node.js环境的安装与运行方法
2016/02/16 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
JS实现为动态创建的元素添加事件操作示例
2018/03/17 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
python从sqlite读取并显示数据的方法
2015/05/08 Python
Python自动发邮件脚本
2017/03/31 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
python中对_init_的理解及实例解析
2019/10/11 Python
Python zip函数打包元素实例解析
2019/12/11 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
Django models文件模型变更错误解决
2020/05/11 Python
python rolling regression. 使用 Python 实现滚动回归操作
2020/06/08 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
城市规划毕业生求职信
2013/10/10 职场文书
硕士研究生自我鉴定
2013/11/08 职场文书
银行实习鉴定
2013/12/13 职场文书
机关单位动员会主持词
2014/03/20 职场文书
教导主任个人总结
2015/03/03 职场文书
小学班主任心得体会
2016/01/07 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
解决MySQL报“too many connections“错误
2022/04/19 MySQL