【Axure案例】用Axure制作倒计时123的交互效果

哈喽，大家好！今天给大家介绍如何使用Axure制作倒计时123效果。

【案例预览地址含下载】电脑打开链接：https://qlm4ak.axshare.com

一、案例介绍

【视频教程】：哔哩哔哩视频

首先，让我们来看下效果展示：点击“开始”，开始倒计时。当数字为0时，点击“重置”，重置为开始设置“3”。

【效果预览】

二、案例步骤

首先，先按照以下图片，设计出原型效果图。其中椭圆形命名为“数字”，并编辑为3。开始按键命名为“开始”，重置按键命名为“重置”

接着，为“开始”按键，设置“鼠标单机时”的交互事件。

第一步，先添加编辑用例条件，设置数字文件“数字”的值不等于0时，方可执行以下动作。

第二步，添加动作“设置文本”，选择目标为“数字”，为文本值添加函数。点击“fx”，出现弹窗，添加局部变量LVAR1=数字，插入函数为[[LVAR1-1]]（当点击一次按钮，数字的值减一）

第三步，添加等待时间1000毫秒=1秒

最后一步，添加动作“其他-触发事件”，选择目标“数字”的鼠标单机时的交互事件。（等待1000毫秒，触发一次鼠标单机时的交互事件）

总结一下，为“开始”按键，设置了以下交互动作。

接着，为“重置”按键，设置“鼠标单机时”的交互事件，添加动作选择“设置文本”，选择目标“数字”，设置值为3（这里的3为固定值，如果需要倒计时从10开始，这里固定修改为10即可）

设置完成后， 我们预览看下效果，可以看到Axure制作倒计时123效果就实现了。

以上就是本次教程的全部内容，那我们下一个教程再见啦！