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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
Nov 17 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
js 解析 JSON 数据简单示例
Apr 21 Javascript
详解Webpack4多页应用打包方案
Jul 16 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中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
JavaScript设计模式之装饰者模式介绍
2014/12/28 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
javascript实现密码验证
2015/11/10 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
python获取本地计算机名字的方法
2015/04/29 Python
老生常谈python函数参数的区别(必看篇)
2017/05/29 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
在tensorflow实现直接读取网络的参数(weight and bias)的值
2020/06/24 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
经理秘书岗位职责
2013/11/14 职场文书
狼和鹿教学反思
2014/02/05 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
2014年党员整改措施
2014/10/24 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
冰雪公主观后感
2015/06/16 职场文书