您现在的位置是:首页 > 设计知识设计知识

axure验证码倒计时怎么实现,axure怎么做倒计时

网一2022-11-23 11:05:36设计知识35人已围观

简介axure验证码倒计时怎么实现,axure怎么做倒计时Python的填写手机号,发送短信验证码的功能很常见。对于原型设计来说,制作一个好的相似动态效果,对开发和测试都有很大的帮助。下面给大家分享一下如何制作Axure短信倒计时,希望能帮到你。点击“AxureRP”视频教程,帮你入门。工具/软件硬件型号:机械革命极光空气版本:Window

axure验证码倒计时怎么实现,axure怎么做倒计时

Python的填写手机号,发送短信验证码的功能很常见。对于原型设计来说,制作一个好的相似动态效果,对开发和测试都有很大的帮助。下面给大家分享一下如何制作Axure短信倒计时,希望能帮到你。

点击“Axure RP”视频教程,帮你入门。

工具/软件

硬件型号:机械革命极光空气

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

首先,创建新的动态面板。动态面板应该有两种状态,状态一和状态二。之后,创建一个新的计时器矩形,可以在矩形中写入数字60;

第2步

给这个动态面板添加一个事件:当动态面板的状态发生变化时,将system -1的临时变量OnLoadVariable的值设为1,然后将这个值赋给just timer rectangle

第3步

此时在加载时给整个页面添加一个效果,让just动态面板在加载时从头开始循环,反复切换状态。时间间隔设置为1000ms,即一秒;另外,系统的临时变量OnLoadVariable第一次需要赋值:60。

第4步

此时直接运行。从结果页面可以看到,动态面板每隔一段时间就会进行一次状态转换。同时因为面板的过渡,触发了效果,临时变量OnLoadVariable的值不断减一,减下来的值不断给定时器,从而达到从60开始倒数的效果!

第5步

最后,隐藏状态变化的面板,让用户看不到你是如何在页面中控制时间倒计时的。看起来高吗?

注意/提示

好了,这个小滑分享的“Axure手机短信倒计时的制作方法”到了。如果正好对你有用,记得喜欢!这个网站将继续分享更多实用的内容,以及相关的学习课程。有需要的朋友可以赶紧支持自学!

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐