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 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
JQery jstree 大数据量问题解决方法
Mar 09 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
JS二维数组的定义说明
Mar 03 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
微信小程序云开发之数据库操作
May 18 Javascript
quickjs 封装 JavaScript 沙箱详情
Nov 02 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
PHP图片等比例缩放生成缩略图函数分享
2014/06/10 PHP
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
随机显示经典句子或诗歌的javascript脚本
2007/08/04 Javascript
Javascript valueOf 使用方法
2008/12/28 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
JavaScript通过join函数连接数组里所有元素的方法
2015/03/20 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
微信小程序全局变量改变监听的实现方法
2019/07/15 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
Python中处理unchecked未捕获异常实例
2015/01/17 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
Python的log日志功能及设置方法
2019/07/11 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
python调用摄像头的示例代码
2020/09/28 Python
个人委托书范本
2014/04/02 职场文书
感恩父母的演讲稿
2014/05/06 职场文书
护理学专业求职信
2014/06/29 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
银行给客户的感谢信
2015/01/23 职场文书
公积金接收函格式
2015/01/30 职场文书
辞职信格式范文
2015/05/13 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python
golang中的struct操作
2021/11/11 Golang
python 实现图片特效处理
2022/04/03 Python