axure9.0 如何打造一个计时器(简单版)

原理:在 Axure 9.0 中制作计时器,核心思路是利用"页面载入时"事件形成一个循环。

🕹️ 第一步:创建变量与界面

  1. 创建全局变量 :点击顶部菜单「项目 」→「全局变量」。

  2. 在弹出的窗口中,点击"添加 ",新建一个名为 CounterVar 的变量。

如果你做正计时 (从0开始增加),将 CounterVar 的默认值 设为 0。

如果你做倒计时 (从N开始减少),将 CounterVar 的默认值 设为你想要的秒数,例如 60。

⚙️ 第二步:实现核心计时逻辑

  1. 选中页面 :点击画布空白处,在右侧"交互"面板中为"页面载入时"事件添加用例。

  2. 设置显示文本 :在用例中,添加"设置文本 "动作,目标选为显示时间的元件。在"设置为"下拉菜单中选择"值 "或"文本 ",然后点击输入框旁的 fx 按钮,输入 [[CounterVar]]。

  3. 更新变量值 :再次点击"插入动作",添加"设置变量值"动作。

(1)目标选择 CounterVar。

(2)在"值"的 fx 编辑器中,输入决定计时方向的表达式:

正计时(增加) :[[CounterVar + 1]]

倒计时(减少) :[[CounterVar - 1]]

4. 设置等待时间 :继续添加"等待 "动作,在"ms"字段中输入 1000(代表1000毫秒,即1秒)。

5. 形成无限循环 :最后,添加"触发事件"动作。

目标选择"页面"。

事件选择"页面载入时"。

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

📌 预览

相关推荐
行者-全栈开发1 小时前
【鸿蒙心迹】国际化 i18n 与多语言资源管理实战(HarmonyOS 7.x)
ui·华为·重构·国际化·harmonyos·多语言
疯华整猫3 小时前
被杀掉之后:我把 Android 的「唤起 + 常驻」重做了一遍
前端·面试·架构
IT_陈寒5 小时前
Java开发实战:从入门到精通
前端·人工智能·后端
风骏时光牛马5 小时前
生成一个AI转岗经历标题,只需要一个标题,不需要其他的任何文本。
前端
Csvn14 小时前
Monorepo
前端
Csvn14 小时前
流水线
前端
Csvn15 小时前
微前端架构
前端
Linux-lucky16 小时前
45-Linux学习之旅之防火墙与WEB加固
linux·前端·网络·学习·ubuntu
风骏时光牛马18 小时前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端
IT_陈寒19 小时前
Redis雪崩把我坑惨了,这是5年经验的教训
前端·人工智能·后端