axure 倒计时_Axure 8.0实例 |自定义倒计时制作流程

原标题：Axure 8.0实例 |自定义倒计时制作流程

一年一度的双十一快要来临了，最近闲来无事，用axure8.0实现了一个倒计时的功能，有兴趣的朋友闲来无事，可以鉴赏一番。至于大牛们就直接忽略吧。

预览：

一、准备元件

1、添加一个文本框，用来输入要进行倒计时时间，并将文本框的类型改为“日期”，并给文本框一个名字，我这里就取名叫“倒计时日期”；

2、添加9个文本标签。

分别起名为：“当前时间”、“倒计时日期文字”、“差值”、“天”、“时”、“分”、“秒”、“提示信息”、“标题”；9个文本标签的作用分别是：

当前时间：存放当前时间(以毫秒的形式存放)；倒计时日期文字：存放“倒计时日期”文本框的文字内容；差值：存放倒计时日期与当前时间的差；天：存放倒计时日期与当前时间相差多少天；时：存放倒计时日期与当前时间去掉天数外，相差多少小时；分：存放倒计时日期与当前时间去掉天数、小时后，相差的分钟；秒：存放倒计时日期与当前时间去掉天数、小时数、分钟数后，相差的秒数；提示信息：异常情况提示内容；标题：倒计时标题。

这些文本标签一般情况下默认为隐藏状态，在需要的情况下显示，这里就统一设置成隐藏了；

3、添加一个动态面板，并给动态面板两个状态。

这个动态面板是核心元件了，它就是用来显示倒计时用的，这里取名叫“倒计时”。两个状态里面分别放一个文本标签，用来显示倒计时的，分别取名字叫“倒计时1”、“倒计时2”。

本人比较懒，这里就不对面板状态进行命名了，朋友们可根据自己喜好自行取名；

4、最后一步，我们还需要一个按钮，用来计算倒计时用的，我们这里就取名字叫“开始倒计时”吧，文字内容就定为“倒计时”了；

二、添加用例

1、首先，我们给倒计时按钮“开