原理:在 Axure 9.0 中制作计时器,核心思路是利用"页面载入时"事件形成一个循环。
🕹️ 第一步:创建变量与界面
-
创建全局变量 :点击顶部菜单「项目 」→「全局变量」。
-
在弹出的窗口中,点击"添加 ",新建一个名为
CounterVar的变量。
如果你做正计时 (从0开始增加),将
CounterVar 的默认值 设为 0。
如果你做倒计时 (从N开始减少),将
CounterVar 的默认值 设为你想要的秒数,例如 60。

⚙️ 第二步:实现核心计时逻辑
-
选中页面 :点击画布空白处,在右侧"交互"面板中为"页面载入时"事件添加用例。
-
设置显示文本 :在用例中,添加"设置文本 "动作,目标选为显示时间的元件。在"设置为"下拉菜单中选择"值 "或"文本 ",然后点击输入框旁的
fx按钮,输入[[CounterVar]]。 -
更新变量值 :再次点击"插入动作",添加"设置变量值"动作。
(1)目标选择 CounterVar。
(2)在"值"的 fx 编辑器中,输入决定计时方向的表达式:
正计时(增加) :
[[CounterVar + 1]]
倒计时(减少) :
[[CounterVar - 1]]
4. 设置等待时间 :继续添加"等待 "动作,在"ms"字段中输入 1000(代表1000毫秒,即1秒)。
5. 形成无限循环 :最后,添加"触发事件"动作。
目标选择"页面"。
事件选择"页面载入时"。

完成以上步骤,一个最基础的计时器就做好了。预览页面,你会发现数字会每秒自动变化。
📌 预览
