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 相关文章推荐
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
js统计页面的来访次数实现代码
May 09 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
JavaScript的字符串方法汇总
Jul 31 Javascript
jsTree使用记录实例
Dec 01 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
JS中Attr的用法详解
Oct 09 Javascript
Vue3.0 手写放大镜效果
Jul 25 Vue.js
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(3) php 函数
2010/02/15 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
js身份证验证超强脚本
2008/10/26 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
jQuery版Tab标签切换
2011/03/16 Javascript
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
2017/04/11 jQuery
JS全角与半角转化实例(分享)
2017/07/04 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
详解javascript中的babel到底是什么
2018/06/21 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
vc6编写python扩展的方法分享
2014/01/17 Python
Python中装饰器的一个妙用
2015/02/08 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
Python3利用Dlib19.7实现摄像头人脸识别的方法
2018/05/11 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
Python更换pip源方法过程解析
2020/05/19 Python
Python求区间正整数内所有素数之和的方法实例
2020/10/13 Python
python中xlrd模块的使用详解
2021/02/01 Python
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
企业趣味活动方案
2014/08/21 职场文书
成绩报告单家长评语
2014/12/30 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
2016年教师节感言
2015/12/09 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle