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[js]获取url参数的代码
Oct 17 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
jQuery中find()方法用法实例
Jan 07 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 Javascript
WebPack基础知识详解
Jan 16 Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
Mar 09 jQuery
vue-cli单页面预渲染seo-prerender-spa-plugin操作
Aug 10 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
vue中使用router全局守卫实现页面拦截的示例
Oct 23 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获取网站域名和地址的代码
2008/08/17 PHP
PHP 裁剪图片成固定大小代码方法
2009/09/09 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
ExtJS 入门
2010/10/29 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
微信小程序多列选择器range-key使用详解
2020/03/30 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
python递归全排列实现方法
2018/08/18 Python
pycharm的console输入实现换行的方法
2019/01/16 Python
python使用正则筛选信用卡
2019/01/27 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
python实现从ftp服务器下载文件
2020/03/03 Python
Django REST 异常处理详解
2020/07/15 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
Oracle快照(snapshot)
2015/03/13 面试题
Order by的几种用法
2013/06/16 面试题
高校自主招生自荐信
2013/12/09 职场文书
医学类个人求职信范文
2014/02/05 职场文书
寒假家长评语大全
2014/04/16 职场文书
捐书倡议书
2014/08/29 职场文书
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
Python Pandas常用函数方法总结
2021/06/15 Python
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server