使用angular实现60秒倒计时（手机号注册）

<script type="text/javascript">// 模块定义 var signupApp = angular.module("signupApp", []);// 控制器定义signupApp.controller("signupCtrl", ["$scope","$http",function($scope,$http) {$scope.btnMsg = "获取验证码";var active = true;var second = 60; // 倒计时60秒var secondInterval; // 定时器$scope.getCheckCode = function(telephone) {if(active == false) {return;}// 1 发送一个HTTP请求，通知服务器 发送短信给目标用户 var reg=/^1[3,5,7,8][0-9]{9}$/;if(!reg.test(telephone)){alert("你输入的手机号不合法");return;}$http({method: 'GET',url: 'customerAction_sendMsg',params:{telephone:telephone }});// 2 显示倒计时按钮，60秒后，允许重新发送 active = false;secondInterval = setInterval(function() {if(second < 0) {// 倒计时结束，允许重新发送 $scope.btnMsg = "重发验证码";// 强制更新视图$scope.$digest();active = true;second = 60;// 关闭定时器clearInterval(secondInterval);secondInterval = undefined;} else {// 继续计时$scope.btnMsg = second + "秒后重发";// 强制更新视图$scope.$digest();second--;}}, 1000); // 每一秒执行定时器}}]);</script>

使用angular实现60秒倒计时（手机号注册）相关推荐

vue 微信录音倒计时_Vue实现发送短息60秒倒计时
原文:https://blog.csdn.net/weixin_43201015/article/details/84405352 Vue实现注册账号时,发送短信60秒倒计时功能,并进行手机号校验的D ...
Vue实现发送短息60秒倒计时
Vue实现发送短息60秒倒计时 Vue实现注册账号时,发送短信60秒倒计时功能,并进行手机号校验的Demo案例,如果能帮到您,我感到非常荣幸,废话不多说,直接上干货, 首先来一个测试页面,引入Vue. ...
微信小程序60秒倒计时
大家可以直接使用插件: https://blog.csdn.net/zuoliangzhu/article/details/90140067 微信小程序发送短信验证码后60秒倒计时功能,效果图: 完整 ...
vue+elementui 实现点击验证码出现60秒倒计时
vue+elementui 实现点击验证码出现60秒倒计时 div部分 <div class="verCode@click="getVerCode":disable ...
免费获取验证码60秒倒计时
免费获取验证码60秒倒计时 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu ...
简单实现vue验证码60秒倒计时功能
简单实现vue验证码60秒倒计时功能 <span v-if="codeShow" @click="getPhoneCode">点击获取验证码< ...
榛子云短信-微信小程序60秒倒计时插件
为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特地开发了60秒倒计时插件,效果: 使用方法 1.引入插件countdown.js var CountDown ...
vue页面实现短信验证码60秒倒计时
废话不多说,直接上代码. template <div class='single-wrapper fs14'><div class='single-mb'>短信验证</d ...
51单片机数码管显示60秒倒计时（C语言）
51单片机数码管显示60秒倒计时(C语言) 基于普中51单片机开发板,运用定时器/计数器0和1,实现60秒的倒计时和LED灯0.5s间隔闪烁文章目录 51单片机数码管显示60秒倒计时(C语言) 前言 ...

使用angular实现60秒倒计时（手机号注册）

使用angular实现60秒倒计时（手机号注册）相关推荐

最新文章

热门文章