编辑导读:本文跟大家分享,如何用Axure实现短信验证码倒计时效果,作者从预览图,到所需基本原件,再到操作步骤都一一展开了分析,并对过程中需要注意的问题进行了介绍,希望对你有所启发。
这个是新用户注册交互,使用到了验证码倒计时,本文只针对验证码倒计时功能做解释,不对用户名填写完整进行判断,如下图:
图1
其中隐藏了动态面板来回切换的状态,为了进行验证码秒数递减,如下图2:
图2
01 基本元件
1、文本标签*2
2、动态面板*1(2个状态命名为:圆形;矩形)
3、倒计时按钮*1
思路:
1、实现验证码倒计时要用到函数[[Math.random()]