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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
IE FF OPERA都可用的弹出层实现代码
Sep 29 Javascript
js或css实现滚动广告的几种方案
Jan 28 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
jQuery事件详解
Feb 23 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
React精髓!一篇全概括小结(急速)
May 23 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
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
Javascript Throttle &amp; Debounce应用介绍
2013/03/19 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
Angular2 http jsonp的实例详解
2017/08/31 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[05:24]TI9采访——教练
2019/08/24 DOTA
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
python解决字符串倒序输出的问题
2018/06/25 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
Pytorch 实现权重初始化
2019/12/31 Python
python的json包位置及用法总结
2020/06/21 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
加拿大廉价机票预订网站:CheapOair.ca
2018/03/04 全球购物
C# .NET面试题
2015/11/28 面试题
学生实习自我鉴定
2013/10/11 职场文书
生物技术专业求职信
2014/06/10 职场文书
加强作风建设演讲稿
2014/10/24 职场文书
小学教师节活动总结
2015/03/20 职场文书
学校开除通知书
2015/04/25 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python