Axure进阶版倒计时

上一章我们做了一个简易版Axure制作获取验证码倒计时效果，非常适合新手小白，下面北极熊素材库的小编就以这个为延伸来一个进阶版的倒计时原型制作，一起来看一看吧。

开门见山，我们先来看看效果↓

预览图：

预览网址：https://jxvo3f.axshare.com

所需元件

一个命名为“触发器”的动态面板（两个面板状态）、一个命名为“秒”的矩形，并填入文字“10”、一个命名为“分”的矩形，并填入文字“01”、一个命名为“时”的矩形，并填入文字“01”、两个“：”矩形、一个填充色为黄色的背景矩形。

操作步骤

（1）设置动态面板交互——载入时

这个交互的作用是一直触发动态面板的下一个交互——状态改变时。

（2）设置动态面板第二个交互——状态改变时（Case 1）

这里就不列举详细操作步骤了，较为详细的步骤就在我的开头的文章里面有介绍。

Case1的作用是：“当“秒”矩形内的数值大于0时则自减1”。

（3）设置动态面板第三个交互——状态改变时（Case 2）

Case2里多了一个条件，那么Axure如何设置多个条件呢？只需要在“编辑条件”里面再点击一下红圈里面的加号即可添加多一个条件了。

Case2的作用是：“当“秒”矩形内数值为0时，“分”矩形内数值减1，“秒”矩形内数值设为59”。

（4）设置动态面板第四个交互——状态改变时（Case 3）

Case3的作用是：“当“秒”矩形内数值为0且“分”矩形内数值也为0时，则“时”矩形内数值减1，且“分”矩形数值设为59，“秒”矩形数值设为59”

（5）大功告成，按F5预览看看效果

以上就是Axure进阶版倒计时的全部内容介绍了，关于更多axure倒计时原型制作的教程信息，可参阅Axure制作开屏广告/倒计时操作实例，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。