axure怎么设计一个倒计时效果的模型?
发布时间：2017-09-28 11:42:04 作者：佚名 
我要评论
我要评论axure怎么设计一个倒计时效果的模型？axure中设计网页圆形很简单，今天我们就来看看使用axure设置一个倒计时效果的教程，需要的朋友可以参考下
网页中经常能看到倒计时的效果，为了验证的实时有效性，该怎么制作倒计时呢？下面我们就来看看详细的教程。
一、原理:
我们利用变量和条件判断来做倒计时。具体呢是当值到一个什么范围时候，我们执行什么什么时间。给大家示例的是一个手机获取验证码的一个动态仿真，我们要实现的是当文本是获取验证码的时候开始从60递减，但文本为1的时候显示获取验证码。
二、详细步骤
1、首先我们打开AXURE,设置一个变量，这里我们用全局变量，设置daojishi,默认值设置为60。
2、我们从工具栏拖出一个矩形，输入文字获取验证码，准备工作结束，我们开始添加事件。
3、我们来设置事件鼠标单击时，分为两个case。如果变量大于1或者等于获取验证码时候，我们递减1并显示。当变量等于1时，显示获取验证码。
4、case1设置条件当变量大于1时或者本文是获取验证码的时候，我们设置的事件有以下几个，我们让设置变量daojishi==[[daojishi-1]] 注意这样输入！！,设置文字等于变量daojishi，添加等待1000ms,很重要的一个事件让整个事件循环重复，我们选择触发事件对象选择当前矩形框单击时触发。
5、case2设置条件当变量等于一时，我们设置的事件有如下几个。设置等待1000ms,设置文字为获验证码，重要的是，我们要重置变量为60。
6、这里呢我把所有的事件截图给大家，所有的倒计时基本都是这个原理，希望大家能学会。
以上就是axure直走倒计时效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
axure网页原型怎么预览和生成原型文件？axure中设计好的文件原型想要预览并生成，该怎么预览呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-09-25
axure原型无法签出怎么办? axure不能签出的解决办法
axure原型无法签出怎么办、？axure中设计网页原型很方便，设计完成以后发现无法签出，该怎么办呢？下面我们就来看看axure不能签出的解决办法，需要的朋友可以参考下2017-09-24
Axure怎么新建元件库？想要把常用的组件制作一个元件，放到自己的元件库中，该怎么操作呢？下面我们就来看看Axure元件库的使用方法，需要的朋友可以参考下2017-09-13
axure中的单元格怎么合并？axure制作的网页原型中插入了表格，想要将表格中的单元格合并呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-09-08
axure8怎么给网页制作Tabpage页效果？axure8中想要给网页设计一个tab标签效果，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-29
Axure RP8怎么设计倒计时获取短信验证码效果？经常能见到带有短信验证的网页，该怎么设计出这个交互效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-25
Axure RP怎么给网页添加滚动字幕？看到很多网页有滚动字幕，想要在Axure RP中制作滚动字幕效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-15
Axure RP怎么设计一款导航菜单？Axure RP中设计网页的时候需要设计一款导航菜单，该怎么设计恩？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-11
axure怎么给下拉框/列表框和元件文本添加内容？axure中有很多元件，今天我们就来看看给下拉框/列表框和元件文本添加内容的方法，需要的朋友可以参考下2017-07-25
Axure怎么绘制一幅生产产品图？Axure中想要设计一个生产产品图，该怎么设置呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-07-25
最新评论