axure 倒计时_Axure教程:实现电商类秒杀倒计时效果

本文详细介绍了如何使用Axure设计电商类秒杀倒计时效果,通过动态面板事件和文本框用例,实现时、分、秒数字的递减和自动补充,创建逼真的倒计时原型。
摘要由CSDN通过智能技术生成

cfb3fde397e02ca749d34ae6d4f094b5.png

如今各大电商类网站或团购类网站都会出现秒杀倒计时、聚划算抢购倒计时,那么在设计产品原型时我们该如何实现倒计时的效果呢?

920d34e47bc0edadf6a75b5c3736ac50.png
聚划算:抢购倒计时

da3289061dac264f50e123de30f6dc89.png

下面我们来讲述分析该如何一步步的实现这样的效果:

首先我们分析下倒计时的设计, 以时钟、分钟、秒钟三个数字倒计时为例:秒钟数字每隔一秒逐步递减1,当秒钟递减到0时,分钟数减1,秒钟上的数字从59逐步递减,当分钟的数字为01时,1分钟后递减显示为59,逐步递减;当时钟、分钟、秒钟上的数字为1位数时,自动补充1个0。思路分析:秒钟和分钟的数字显示是一个从59不断递减到0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值