#Axure#倒计时、正计时

背景:倒计时、正计时,通常在电商网站使用的较多,也会在管理维护设备、预警报警等方面起到作用。

应用场景:活动抢购倒计时、录制视频、定时器、点赞等。

步骤:

Step1,拖入文本标签,默认编辑数字0,命名为计数;拖入动态面板,命名为开关,并且新增一个状态,使其有两个状态。

#Axure#倒计时、正计时
#Axure#倒计时、正计时

Step2,选中开关,设置交互。

状态改变时,设置文本标签,计数的值为“计数+1”。这里的局部变量,LVAR1=原件文字=计数。

#Axure#倒计时、正计时

Step3,取消选中所有元件,设置交互。

页面载入时,使动态面板,开关的状态发生变化,即State1和State2循环切换,切换频率为1秒,以此驱动Step2的交互。

#Axure#倒计时、正计时

完成,预览即可。

根据实际需求,不一定是“页面载入时”,可以是某个按钮的点击事件,可以是其他的交互事件来驱动。

以上是递增。

如果递减呢?递减便是倒计时。不再赘述。

以上递增递减,也可以通过动态面板的切换来实现。

#Axure#倒计时、正计时:等您坐沙发呢!

发表评论

表情
还能输入210个字