UWP 发送短信公用倒计时按钮

1.要求:

发送验证码按钮,点击后,会倒计时60s,之后才能再次点击。不同界面的多个验证码按钮共享这个倒计时时间。

2.操作步骤

1) 从登录界面-->忘记密码输入手机号-->下一步-->倒计时60s

2) 返回到注册页面-->输入手机号码-->下一步-->获取计时器倒计时到48s,然后从48s继续倒计时

3) 登录到个人中心-->账户安全-->修改登录密码-->获取计时器倒计时35s,然后从35s继续倒计时

4) 返回到个人中心-->账户安全-->修改支付密码-->获取计时器倒计时25s,然后从25s继续倒计时

3.我写了个公用的方法如下:

 1     /// <summary>
 2     /// 倒计时类(发送验证码按钮,点击后,会倒计时60s,之后才能再次点击。不同界面的多个验证码按钮共享这个倒计时时间。)同一手机号码1分钟只能发1条;
 3     /// </summary>
 4     public static class CountDown
 5     {
 6         /// <summary>
 7         /// 倒计时60秒
 8         /// </summary>
 9         public static int stTimeCount = 0;
10
11         /// <summary>
12         /// 倒计时60s方法
13         /// </summary>
14         /// <param name="btnCode"></param>
15         /// <param name="timeCount"></param>
16         public static void ShowCountDown(Button btnCode, int timeCount)
17         {
18             stTimeCount = timeCount;
19             DispatcherTimer dispatcherTimer = new DispatcherTimer();
20             dispatcherTimer.Interval = new TimeSpan(0, 0, 1);
21             dispatcherTimer.Start();
22             int count = stTimeCount;
23             int i = 0;
24             dispatcherTimer.Tick += delegate
25             {
26                 if (count > 0)
27                     count--;
28                 //倒计时:设置按钮的值,以及按钮不可点击
29                 btnCode.Content = count + " S ";
30                 btnCode.IsEnabled = false;
31                 stTimeCount = count;
32                 if (count == i)
33                 {
34                     //倒计时完成: 设置按钮的值,以及按钮可用
35                     dispatcherTimer.Stop();
36                     btnCode.Content = "获取验证码";
37                     btnCode.IsEnabled = true;
38                     stTimeCount = count ;
39                 }
40             };
41         }
42     }

4.修改登录密码界面构造函数中进行调用

 1     public SetLoginPwd()
 2         {
 3             this.InitializeComponent();
 4
 5             //获取倒计时60秒是否有值,有值则继续倒计时
 6             if (CountDown.stTimeCount > 0)
 7             {
 8                 CountDown.ShowCountDown(btnCode, CountDown.stTimeCount);
 9             }
10         }
时间: 2024-10-07 14:33:29

UWP 发送短信公用倒计时按钮的相关文章

发送短信验证码 倒计时

1.页面样式:基于bootstrap 1 <div class="form-group"> 2 <label class="col-md-4 control-label">手机号码</label> 3 <div class="col-md-8"> 4 <div class="input-group m-b"> 5 <input class="form-

js 发送短信验证码倒计时

html <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> js // 短信验证码倒计时var countdown=60;function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value=&

iOS 短信验证码倒计时按钮的实现

验证码倒计时按钮的应用是非常普遍的,本文介绍了IOS实现验证码倒计时功能,点击获取验证码,进入时间倒计时,感兴趣的小伙伴们可以参考一下: 实现思路: 创建按钮,添加点击方法: 用NSTimer定时器,每秒执行一次,定时改变Button的title,改变Button的样式,设置Button不可点击: 若倒计时结束,定时器关闭,并改变Button的样式,可以点击: 代码如下: 在按钮的点击事件里调用该方法      -(void)openCountdown{ __block NSInteger ti

发送短信验证码倒计时&amp;&amp;防止刷新

html代码 <input type="button" id="btn" class="sms-btn" onclick="sendPh()" value='获取验证码' /> js代码 倒计时function timekeeping(){//把按钮设置为不可以点击$('#btn').attr("disabled", true);var interval=setInterval(function

前端常用库-发送短信验证码倒计时60秒

带ajax验证原文链接:http://www.cnblogs.com/steed-zgf/archive/2012/02/03/2336984.html <!doctype html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript">

Jquery手机发送短信之后,进入倒计时状态

在做手机网站开发的时候,难免发生意外.这时候,就是你展示人格魅力的时候啦! 下面是自己写的一个发送验证码给手机之后,进入的一个倒计时的效果 js代码,我可是连<script type="text/javascript">这种都贴出来啦! <script type="text/javascript"> var InterValObj; var count = 60; var curCount; function sendMessage() {

点击发送短信按钮跳转到手机短信界面实现发送短信

新建一个singleView代码如下: #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad {     [super viewDidLoad];     NSLog(@"%@",NSHomeDirectory());     UIButton *button = [UIButton buttonW

手机网页点击按钮给指定号码发送短信

一.前言 前些日子,客户要求制作在手机网站里面制作一个发送短信的功能,可以给固定的手机号发送信息,其它很简单,下面就让来演示一下. 二.HTML代码 <form>   <p><textarea name="online" id="online" placeholder="請輸入文字"></textarea></p>   <p class="online_button&qu

短信验证码倒计时

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="yan.aspx.cs" Inherits="Technology.yan" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server&