本文作者将尝试用两种方法来实现【秒表计时】功能，探讨一下如何实现：循环的开始、循环的结束、循环的继续。enjoy~

在原型设计过程中，有一些常用的交互效果，涉及到循环，例如：

• 轮播图一直轮播
• 60s后重新获取手机验证码
• 时间显示
• 秒表计时
• 播放/暂停

而“重新获取手机验证码”又涉及停止循环，“播放/暂停”还涉及到继续循环

今天，我们尝试用以下两种方法来实现【秒表计时】功能，探讨一下如何实现：循环的开始、循环的结束、循环的继续。

• 方法1：使用触发事件 —— 只需要1个元件即可
• 方法2：使用动态面板 —— 需要1个元件和1个动态

方法只是达到目标的途径，途径并不唯一，方法也不独属。希望大家在理解原理之后，能够举一反三、灵活应用于其他需要的场景。

先看效果：

鼠标单击上方区域，开始循环
每1毫秒自增1
再单击可切换暂停/继续循环

快速预览成果：https://s72nl9.axshare.com/

方法1：使用触发事件 —— 只需要1个元件即可