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 常见开发使用技巧总结
Dec 26 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
手把手教你自己写一个js表单验证框架的方法
Sep 14 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
使用命令对象代替switch语句的写法示例
Feb 28 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
Vue.js实现数据响应的方法
Aug 13 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
vue-router的hooks用法详解
Jun 08 Javascript
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
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
2016/11/28 Javascript
js模拟微博发布消息
2017/02/23 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
React学习笔记之条件渲染(一)
2017/07/02 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python图像常规操作
2017/11/11 Python
Win8下python3.5.1安装教程
2020/07/29 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
css3模拟jq点击事件的实例代码
2017/07/06 HTML / CSS
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
new修饰符是起什么作用
2015/06/28 面试题
电大毕业个人生自我鉴定
2014/03/26 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
新闻人物通讯稿
2014/10/09 职场文书
2014年绿化工作总结
2014/12/09 职场文书
商务考察邀请函模板
2015/02/02 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
感恩节寄语2015
2015/03/24 职场文书
学校社团活动总结
2015/05/07 职场文书
重阳节简报
2015/07/20 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server