一般来说，我们的手机里都自带了一个计时小工具。于是前不久，笔者突发奇想，能不能用Axure做出这个小工具，实现计时效果呢？因此，笔者将以此为案例讲讲具体怎么做。

一、元素准备

1. 拖入3个文本标签元件，内容填充为“时”、“分”、“秒”；

2. 拖入3个文本框元件，分别命名为“时”、“分”、“秒”，文本框属性设置为隐藏边框（为了显示美观），并与上面的文本标签对齐；

3. 拖入3个水平线元件，放在文本框下面，用来衬托“时”“分”“秒”的数字显示

4. 拖入一个按钮元件，命名为“开始计时“

5. 拖入一个动态面板元件，设置为隐藏，命名为”循环动态面板“，添加两个状态：state1、state2。

（因为我在两个状态中放了两个沙漏图标，所以把动态面板设置为隐藏）

6. 设置全局变量：

二、交互设计

交互设计前的思考：手机计时工具，点击“开始”之后秒的数字开始累加，每过60秒累加1分钟。

那么如何实现数字的自动累加呢？

当然是用动态面板！