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学习7 操作JavaScript对象和集合的函数
Feb 07 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
js函数定时器实现定时读取系统实时连接数
Apr 30 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
微信小程序 下拉列表的实现实例代码
Mar 08 Javascript
vue axios数据请求及vue中使用axios的方法
Sep 10 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 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中IP地址与整型数字互相转换详解
2014/08/20 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
2019/12/31 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
在Vue项目中引入腾讯验证码服务的教程
2018/04/03 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
centos6.7安装python2.7.11的具体方法
2017/01/16 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
Python3 max()函数基础用法
2019/02/19 Python
Python地图绘制实操详解
2019/03/04 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
基于Django统计博客文章阅读量
2019/10/29 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
初始化了一个没有run()方法的线程类,是否会出错?
2014/03/27 面试题
会计专业自我鉴定范文
2013/10/06 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
省级青年文明号申报材料
2014/05/23 职场文书
实习生矿工检讨书
2014/10/13 职场文书
小石潭记导游词
2015/02/03 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
户外拓展训练感想
2015/08/07 职场文书
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python