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 相关文章推荐
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 Javascript
javascript中的作用域scope介绍
Dec 28 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
vue element-ui 绑定@keyup事件无效的解决方法
Mar 09 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
从零搭一个自用的前端脚手架的方法步骤
Sep 23 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
javascript实现放大镜功能
Dec 09 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
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
JQuery学习总结【二】
2016/12/01 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
微信小程序下拉刷新界面的实现
2017/09/28 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
Python文件与文件夹常见基本操作总结
2016/09/19 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
Python callable内置函数原理解析
2020/03/05 Python
HTML5进阶段内联标签汇总(小篇)
2016/07/13 HTML / CSS
俄罗斯马克西多姆家居用品网上商店:Максидом
2020/02/06 全球购物
大学生优秀自荐信范文
2014/02/25 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
歌颂党的演讲稿
2014/09/10 职场文书
检讨书格式
2015/01/23 职场文书
Python实现DBSCAN聚类算法并样例测试
2021/06/22 Python
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers
element tree树形组件回显数据问题解决
2022/08/14 Javascript
DQL数据查询语句使用示例
2022/12/24 MySQL