手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 00:47:10

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、编辑状态1矩形的文字为“发送验证码”6.编辑状态2矩形的文字为“重新发送验证码”

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

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

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

4、进入动态面板的“状态1”编辑条件为,(如图),备注:条件case1参考之前编辑;条件case2中设置全局变量time的默认值回到10;最下边添加了禁用状态颜色填充

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

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

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

6、赶快尝试一下吧

Axure RP实现验证码60秒倒计时功能
© 手抄报圈