手把手教你如何使用Axure实现倒计时效果

我们经常看到一个场景,当点击某个按钮之后,旁边就会显示倒计时几秒后可以重新点击。这就是倒计时效果。

手把手教你如何使用Axure实现倒计时效果
手把手教你如何使用Axure实现倒计时效果
手把手教你如何使用Axure实现倒计时效果
直接开始:

一、准备

添加全局变量:项目-全局变量-添加 time 值为60
准备一个矩形,添加文字:获取验证码。
准备一个动态面板,设置为两个
准备一个文本标签,不要输入字,放在一旁

给各个组件命名
手把手教你如何使用Axure实现倒计时效果

手把手教你如何使用Axure实现倒计时效果

二、设置交互

在动态面板上设置交互条件
手把手教你如何使用Axure实现倒计时效果
手把手教你如何使用Axure实现倒计时效果
手把手教你如何使用Axure实现倒计时效果

在矩形上设置交互,自己设置禁用样式
手把手教你如何使用Axure实现倒计时效果

完成