编程 Javascript

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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

- Author -

ITzhongzi

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript[js]获取url参数的代码

Oct 17 Javascript

jQuery使用一个按钮控制图片的伸缩实现思路

Apr 19 Javascript

js获取url中"?"后面的字串方法

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