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

 时间:2026-02-14 05:58:40

1、今天我们就以10秒为例!方便验证!

1.首先打开Axure RP 顶部,“项目”——“全局变量”,

2.“新建”全局变量,设置全局变量“默认数值”为10,点击“确认”。

3.从左侧的拖拉一个“动态面板”,新建2个状态。

4.创建“状态1”内“矩形”命名为“1”;创建“状态2”内“矩形”命名为“2”

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

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

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

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

2、5.编辑状态1矩形的文字为“发送验证码”

6.编辑状态2矩形的文字为“重新发送验证码”

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

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

3、7.编辑“动态面板状态”条件为(如图)

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

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

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

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

4、8.进入动态面板的“状态1”编辑条件为,(如图),

备注:条件case1参考之前编辑;条件case2中设置全局变量time的默认值回到10;最下边添加了禁用状态颜色填充

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

5、9.进入动态面板的“状态2”编辑条件为,(如图),

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

6、10.赶快尝试一下吧

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

  • C4D中用体积云创建闪电的动态效果
  • C4D中如何给克隆体添加不同的图片贴图
  • 【C4D基础教程】如何使用C4D实现音符抖动效果?
  • C4D 怎么创建一个楼梯(1)
  • AE矩形遮罩和钢笔工具创建遮罩制作动画效果
  • 热门搜索
    谷歌地球怎么用 施巴婴儿用品怎么样 电动剃须刀怎么用 怎么增强wifi信号 蓝色精粹怎么获得 薇姿的护肤品怎么样 柔顺剂怎么用 简报怎么写 坡比怎么算 安宫牛黄丸怎么吃