Axure RP8怎么设计倒计时获取短信验证码效果?
我要评论现在很多网站都会使用短信验证码，该怎么使用axure设计一个带有倒计时的短信验证码呢？下面我们就来看看详细的教程。
要实现倒计时的功能在AXURE中需要借助两个元件配合才能完成，一个元件是“获取短信验证码”的按钮；另一个元件是动态面板；同时还需要一个变量；变量在这里相当于一个计时器，我们先把变量设置为60时，一旦启动了，就从60一直倒计时到0；
1、拖一个矩形，设置好长宽高，并命名为SendSMS；
2、拖一个动态面板，随便放一个位置都可以，（本例放在矩形框上方一点），将动态面板命名为Clock，并设置两个状态，分别为状态1、状态2；
3、设置一个变量，等赋值之后，作为开始倒计时作用；
4、上述三步准备工作做好后，咱开工设置吧；首先选中矩形框SendSMS，编辑用例“鼠标单击时”，给变量Daojishi设置一个初始值60，意为从60秒开始倒计时；
5、紧接着设置动态面板Clock中的状态1、状态2，循环着切换状态，1000毫秒切换一次；这举是为了触发动态面板的“面板状态改变时”事件。
6、设置动态面板Clock“状态改变时”事件，新增条件在变量Daojishi>0的情况下，设置矩形框SendSMS里文字变更为“Daojishi秒后重新获取”。
7、设置Daojishi变量值自减1，意为判断在每次当变量值Daojishi>0时，动态面板Clock第1秒切换一次状态时，而Daojishi值由60变成59；再1秒后循环切换到下一状态时，Daojishi值由59变成58；以此类推...
8、最后再设置一下当Daojishi值自减到0时的情况，设置动态面板不再切换状态了，即设置Clock为停止循环；
9、此时SendSMS矩形框内的文字停止在“0秒后重新获取”，不再倒计时了；但不符要求，需要调整为“重新获取验证码”，操作如下图所示：
10、至此所有设置已完成，咱预览下效果如下：
短信验证码通常出现在登录、注册、忘记密码等场景下需要用户手工点击“获取短信验证码”按钮来触发系统发短信，同时按钮会改变成倒计时状态，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure RP怎么给网页添加滚动字幕？看到很多网页有滚动字幕，想要在Axure RP中制作滚动字幕效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-15
Axure RP怎么设计一款导航菜单？Axure RP中设计网页的时候需要设计一款导航菜单，该怎么设计恩？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-11
axure怎么给下拉框/列表框和元件文本添加内容？axure中有很多元件，今天我们就来看看给下拉框/列表框和元件文本添加内容的方法，需要的朋友可以参考下2017-07-25
Axure怎么绘制一幅生产产品图？Axure中想要设计一个生产产品图，该怎么设置呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-07-25
Axure有哪些元件？Axure中有很多元件在制作网页原型的时候需要使用，今天我们就来简单的介绍Axure元件的使用方法，需要的朋友可以参考下2017-07-21
Axure RP 8怎么给网页添加多选列表框？Axure RP 8设计网页的时候需要添加多选列表框，该怎么添加呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-19
Axure RP 8怎么设置页面弹出框居中显示？Axure RP 8设计网页的时候，想要合设计一个居中显示的弹框，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-13
Axure RP复选框怎么实现单选效果？Axure使用复选框的时候，但是却只想实现单选效果，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-06- Axure RP打开后鼠标不能使用该怎么办？在使用Axure RP的时候，发现打开以后鼠标无法使用，不能动了，该怎么办呢？下面我们就来看看这个问题的解决办法，需要的朋友可以参考2017-07-05
Axure8怎么删除中继器? Axure8中继器的山中删除方法
Axure8怎么删除中继器？Axure8中想要是哪出中继器，该怎么删除呢？下面我们就来看看Axure8中继器的山中删除方法，需要的朋友可以参考下2017-07-03
最新评论