Axure怎么设计手机短信倒计时效果?

填写手机号码，发送短信验证码这一功能已经非常普遍了，对原型设计来说，制作出较好的类似动态效果，无论是对开发还是对测试，都会有很大的帮助。

1、首先新建一个动态面板，该动态面板要有两个状态，状态一、状态二；此后再新建一个计时器矩形即可矩形内写好数字60；

2、对这个动态面板添加事件：当动态面板状态变更时，令系统的临时变量OnLoadVariable的值-1，之后再把这个值赋给刚刚的计时器矩形；

3、此时再对整个页面载入时添加一个效果，令刚刚的动态面板在载入时就不断的从头循环，反复切换状态，时间间隔设置好为1000ms，即一秒；此外还需对系统的临时变量OnLoadVariable进行第一次赋值：60

4、此时直接运行，从结果页面可以看到，动态面板每隔一次，进行一次状态的转换，同时因为面板的转换，触发效果，使临时变量OnLoadVariable的值不断的减一，还不断的将变小的值赋予计时器上，从而达到从60开始倒数的效果！

5、最后在将状态不断变换的面板隐藏掉，这样用户将不能在页面中看到你是如何控制时间如何倒数的，是不是看起来很高大上？

赞 (0)

相关推荐

  • 苹果iPhone手机短信过滤怎么设置

    苹果iPhone手机短信过滤如何设置,自己的苹果iPhone6短信过滤如何开启呢,目前IOS8.3系统已经支持进行直接举报垃圾短信的功能,并且对非通讯录的信息可以进行过滤. 操作方法 01 我们在自己 ...

  • 如何调节手机短信字体大小（iPhone版）

    手机短信字体大小是可以调节的,如果家有老人,则需要我们帮忙把手机短信字体调大一点.也可以根据个人需要调节短信字体大小,为使用提供方便.iPhone手机的短信字体大小调节起来也是很简单的,具体步骤如下. ...

  • 手机短信不小心删除了怎么恢复

    我们现在很多人都知道电子设备中的数据是可以恢复的,这叫做数据恢复技术.但是对于像电脑.U盘这种可以看得见的数据,我们要恢复它们要容易很多.不过如果是手机中的文件数据恢复起来还能容易吗!其实只要原理掌握 ...

  • 支付宝动态口令在哪取消省去每次支付时的手机短信验证

    支付宝动态口令在哪取消呢?支付宝动态口令怎么取消呢?每次支付时都要手机短信验证，长时间了就觉得很麻烦，那么要怎么取消呢?下文小编就教大家支付宝动态口令的取消步骤，有需要的朋友可以来下文了解下哦~ 支付 ...

  • 手机短信购买空间音乐常见问题

    手机短信购买空间音乐常见问题

  • 手机短信开通QQ会员方法介绍

    手机短信开通QQ会员方法介绍

    使用移动.联通.CDMA.小灵通手机短信开通QQ会员,可以登录服务开通网站----->再登录[您要开通会员的QQ号码]----->输入[用于支付的手机号码----->点击[下一步]- ...

  • 如何通过手机短信开通绿钻

    使用移动、联通、CDMA、小灵通手机短信开通绿钻，先登录服务开通网站，登录要开通绿钻业务的QQ号码，输入用于支付的手机号码点击“下一步”，根据页面提示发送短信后再回复确认订购即可。 温馨提示：通过手机 ...

  • 应用宝电脑版怎么群发手机短信

    应用宝电脑版群发手机短信方法一: 打开应用宝电脑版,点击通讯录,选中几个需要群发短信的联系人,右键点击联系人就可以看到群发短信选项,点击后输入内容发送即可.如图1所示 应用宝电脑版群发手机短信方法二: ...

  • iPhone手机短信删除了怎么恢复?

    相信大部分的机友们在平时使用手机的过程中一定有过误删资料的惨痛经历,尤其是一些新入手iPhone手机的用户们,由于苹果手机因为其操作系统的独特,其数据丢失恢复问题是一个难点,特别是短信误删问题,恰恰很 ...