ionic 之获取验证码

html代码

<button ion-button clear [disabled]="disabled" (click)="getIdCode()">{{timeValue}}</button>

css代码

button{color: white !important;background-color: orange!important;}button[disabled] {color: #222222 !important;opacity:0.5 !important;background-color: #eee!important;}

js代码

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';@Component({selector: 'page-about',templateUrl: 'about.html'
})
export class AboutPage {private wait: number = 3;public countdown: number = this.wait;public timeValue = "获取验证码";public isReGetCode: boolean = false; // 是否是重新获取验证码public disabled: boolean = false; // 是否设置禁用private timer;constructor(public navCtrl: NavController) {}/*获取验证码*/getIdCode() {this.isReGetCode = true;this.disabled = true;if (this.countdown == 0) {this.countdown = this.wait;if (!this.isReGetCode) {this.timeValue = "获取验证码";} else {this.timeValue = "重新获取";}this.disabled = false;if (this.timer){clearTimeout(this.timer);}return;} else {this.timeValue = "重新发送 (" + this.countdown + ")";this.countdown—;}//过1秒后执行倒计时函数this.timer = setTimeout(()=>this.getIdCode(),1000);}
}

ionic 之获取验证码相关推荐

微信小程序获取验证码倒计时
实现效果图使用方法: setInterval demo:(如果对 setInterval不了解的可以先百度下) xml 中写一个按钮: <view class="container& ...
小程序：js获取验证码时（倒计时模块）
代码例子截图最近在上手开发小程序,发现其实小程序要比vue真的要简单太多了,有一套自己的html(WXML),css(WXSS),虽然有些标签不能直接沿用html5的标签来开发,不过内置的标签还是很好 ...
免费获取验证码60秒倒计时
免费获取验证码60秒倒计时 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu ...
selenium 验证码识别_如何获取验证码？
工作中,如何用python和selenium提取验证码呢? 获取验证码的方法按照以往的经验,有4种方法: 让开发帮忙去掉验证码代码,重新部署环境弄个万能验证码,每次登陆都可以登陆用cookie添 ...
8.腾讯微博Android客户端开发——自动获取验证码（2）
上一节给大家讲解通过调用android系统自带的浏览器进行授权认证的,使用该种方式能很容易的完成认证,但是该种方式有个弊端,也就是如果使用第三方的浏览器如UC.天天等,输入完QQ账号信息点击" ...
android 保存退出之前的页面_项目实战：Qt+Android模拟操作器（模拟操作app，打开，点击，输入，获取验证码等等）...
若该文为原创文章,转载请注明原文出处本文章博客地址:https://blog.csdn.net/qq21497936/article/details/109313803 各位读者,知识无穷而人力有穷 ...
通过webbrowser控件获取验证码
1.首先介绍下基本控件(拖控件大家都会,我就不一一介绍了),看下图: 2.添加MSHTML引用,步骤如下: 解决方案-右键"引用"-添加引用-在.NET下找到Microsoft. ...
微信小程序之获取验证码js
在微信小程序中怎样实现获取验证码的倒计时功能捏,倒计时的原理是一样一样的,就是某些地方需要注意. 第一步:结构 <view class='get-code' wx:if="{{!isS ...
腾讯微博Android客户端开发——自动获取验证码
上一节给大家讲解通过调用android系统自带的浏览器进行授权认证的,使用该种方式能很容易的完成认证,但是该种方式有个弊端,也就是如果使用第三方的浏览器如UC.天天等,输入完QQ账号信息点击" ...

ionic 之获取验证码

ionic 之获取验证码

html代码

css代码

js代码

ionic 之获取验证码相关推荐

最新文章

热门文章

ionic 之 获取验证码

ionic 之 获取验证码

html代码

css代码

js代码

ionic 之 获取验证码相关推荐

最新文章

热门文章

ionic 之获取验证码

ionic 之获取验证码

ionic 之获取验证码相关推荐