本文作者将尝试用两种方法实现计时功能，并讨论如何实现：循环，的开始循环的结束和循环享受的延续~
在原型设计过程中，有一些涉及循环，的常见交互效果，如：
转盘已经旋转。
60s后再次获取手机验证码。
时间显示
秒表计时
播放/暂停
“重新获取手机验证码”涉及停止循环，“播放/暂停”也涉及继续循环
今天，我们尝试用以下两种方法来实现计时功能，并讨论如何实现：循环，的开始循环的结束和循环的延续
方法：使用触发事件——只需要一个组件。
2.使用动态面板3354需要1个组件和1个动态面板。
方法只是达到目的的方式，方式不是唯一的，方法也不是排他的。希望你理解原理后，可以举一反三，灵活运用到其他需要的场景中。
先看效果：
点击鼠标上方的区域开始循环
每1毫秒递增1。
再次点按以切换暂停/继续循环
快速预览结果：https://s72nl9.axshare.com/
方法1：使用触发事件 —— 只需要1个元件即可
1.1 概况
所需要元件：
矩形元素* 1(可以axure和墨刀的区别使用其他Axure教程元素，只要它可以输出文本)
涉及交互事件（用例）：
当鼠标点击时
选中时
涉及动作：
切换状态
设置文本
等待
触发事件
是否涉及判断条件：
是的，有判断条件。
涉及函数及公axure官网式：
Text ——组件的文件值
这个——电流分量
[[this.text1]] 3354在当前组件的值上加1Axure教程(比如本来是0，执行后变成了1)
1.2 素材制作
除非另有说明，以下仅是示例中的设置。在实践中，每个人都应该自由发挥。
拖入一个矩形，填入0，或者不要写入任何字符。
一个空矩形，表示其文本值为0。
如果填了非数字的音符，那么[[this.test 1]]的结果将是一个字符串，无法实现累加。
(不重要)示例中完成了以下处理
该组件被命名为“1”
元素填充颜色是F2F2F2。
组件线宽设置为无(无边框)
零部件圆角的半径设置为5。
1.axure怎么转换为中文版3 交互设计
目标：
第一次单击组件时，循环——开始，每1毫秒累积1。
再次单击：
停axure怎么转换为中文版(暂停)3354如果还在积累，就停。该值不再改变。
继续——。如果没有，继续循环，该值继续每1毫秒累加1。
先看流程图。
然后添加元素1的交互事件。
(1)鼠标点击时：切换当前组件的选中状态3354注：如无特殊设置，默认状态为未选axure怎么转换为中文版中。
p>（2）选中时：如果 当前元件的选中状态为true（选axure怎么转换为中文版中），则执行接下来的axure和墨刀的区别动作- 当前元件值加1
- 等待1毫秒
- 触发“当前元件”的“选中axure基础教程时”事件（达成循环）
注意：当选中状态变为flase（未选中）时，就不会执行下来的动作 —— 循环停止
添加好后的情况如下图
OK，方法1已经完成。F5预览，Axure教程点点鼠标，效果出来了吗？！
我们再来看一下方法2
方法2：使用动态面板 —— 需要1个元件和1个动态
2.1 概况
所需要元件：
- 矩形元件 * 1 （也可以其他元件，只要能输出文本的即可）
- 动态面板 * 1 （面板下面至少要有2个状态）
涉及交互事件（用例）：
- 鼠标单击时
- 选中时
- 取消选中时
- （动态面板）状态改变时
涉及动作：
- 切换选中状态
- 设置（动态）面板状态 —— 向后循环、循环间隔、停止循环
- 设置文本
是否涉及判断条件：
无，无判断条件
涉及函数及公式：
- Next —— 动作面板的下一状态
- text —— 元件的文件值
- target —— 目标元件
- [[tatget.text + 1]] —— 目标元件的值加1axure教程（例如，原来为0，执行之后变为1）
2.2 素材制作
- 拖入一个面板，命名为“2” —— 示例中其他设置与1一致
- 插入一个动态面板，命名为“循环用” —— 示Axure教程例中，宽高：20*20、位置：元件2的右上角
- 增加动态面板“循环用”新的状态 —— 保存至少有2个状态（这样才能循环）
无特殊效果，所以就不截图了
2.3 交互设计
先看一下流程图：axure基础教程
添加元件”循环用”的交互事件
（1）鼠标点击时
切换当前元件的选中状态 —— 注：如果没有特殊设axure下载置过，默认是未选中状态。
（2）选中时
设置“循环用”的面板为Next，并且选中“向后循环”，设置“循Axure环间隔”时间为1毫秒，同时勾选“首个状态延时x毫秒后切换”。
- 向后循环 —— 达成axure动态面板循环
- 循环间隔 —— 多久执行一次，想当于方法1中的等待时间
- 首个状态延时x毫秒后切换 —— 不是立即切换，而是（在触发之后）等待相同的时间再切换，保存与其他面板切换的时间一致
（3）取消选中时
设置“循环用”的面板的状态为“停止循环”。
设置好之后，如下图：
以上达到了“循环用”动态面板的循环（切换状态），及停止循环的效果。
但数值还没有变，下面，我们就axure下载要借用“循环用”的循环来达到数值（秒表）的累加效果
添加元件”循环用”的交互事件
状态改变时：设置“2”的文本值加1
公式[[tatget.text + 1]]达到加1的效果
所以，只要“循环用”的状态变化1次，“2”的值就要执行一次加1 —— 实axure怎么转换为中文版现“2”值的循环累加；
当“循环用”的状态未变化时，“2”值也不累加，不变 —— 实现“2”值Axure教程的循环累加的停止
从而实现了秒表计时的目标。
OK，方法2已经完成了。F5预览一下，效果都出来了吗？！
扩展部分
通过灵活使用循环原理，还可以实现如下效果：
- 自动停止循环 —— 10s倒计时后可再次获取验证码
- 点击axure官网切换旋转/停止旋转
