各种极品米+站,请来西数米表来购买:https://www.west.cn/shop/?1299575

Axure RP实现验证码60秒倒计时功能

作者: wfgmwxm    标签:    点击:40    时间:2017-06-23

简介

  1. 1
    利用AxureRP7.0或AxureRP8.0,实现验证码的倒计时功能,由于网上教程太繁琐且错误繁多,今天就讲解一个最简单的实例!方法很多,只学最简单、最实用的!

工具/原料

  1. 1
    电脑
  2. 2
    AxureRP8.0或AxureRP7.0

方法/步骤

  1. 1
    今天我们就以10秒为例!方便验证!1.首先打开AxureRP顶部,“项目”——“全局变量”,2.“新建”全局变量,设置全局变量“默认数值”为10,点击“确认”。3.从左侧的拖拉一个“动态面板”,新建2个状态。4.创建“状态1”内“矩形”命名为“1”;创建“状态2”内“矩形”命名为“2”
    Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能
  2. 2
    5.编辑状态1矩形的文字为“发送验证码”6.编辑状态2矩形的文字为“重新发送验证码”
    Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能
  3. 3
    7.编辑“动态面板状态”条件为(如图)
    Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能 Axure RP实现验证码60秒倒计时功能
  4. 4
    8.进入动态面板的“状态1”编辑条件为,(如图),备注:条件case1参考之前编辑;条件case2中设置全局变量time的默认值回到10;最下边添加了禁用状态颜色填充
    Axure RP实现验证码60秒倒计时功能
  5. 5
    9.进入动态面板的“状态2”编辑条件为,(如图),
    Axure RP实现验证码60秒倒计时功能
  6. 6
    10.赶快尝试一下吧
    Axure RP实现验证码60秒倒计时功能

注意事项

  1. 1
    1.成功前请先严格按照本方法来,成功后请认真思考和任意修改。
  2. 2
    2.本教程仅供参考,如有错误,请认真指正和提意见,谢谢。

热门文章