axure怎么设计一个倒计时效果的模型?

所属分类: 软件教程 / 图形图像 阅读数: 1575
收藏 0 赞 0 分享

网页中经常能看到倒计时的效果,为了验证的实时有效性,该怎么制作倒计时呢?下面我们就来看看详细的教程。

一、原理:

我们利用变量和条件判断来做倒计时。具体呢是当值到一个什么范围时候,我们执行什么什么时间。给大家示例的是一个手机获取验证码的一个动态仿真,我们要实现的是当文本是获取验证码的时候开始从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 RP 8怎么制作验证码倒计时原型?

Axure RP8怎么设计倒计时获取短信验证码效果?

更多精彩内容其他人还在看

如何利用后期打造出唯美灰色调

对于一张RAW格式的原片,你不能过曝,RAW的宽容度高,所以可以适当欠曝保留画面的细节,如何利用后期打造出唯美灰色调呢?下面就一起来看看吧
收藏 0 赞 0 分享

怎样使用曲线让画面更柔和技巧

怎样使用曲线让画面看起来更柔和呢?下面就和小编一起来学习一下吧,希望会对大家有所帮助的
收藏 0 赞 0 分享

CorelDraw X5的7个加速设置

这篇文章主要介绍了CorelDraw X5的7个加速设置,需要的朋友可以看看
收藏 0 赞 0 分享

光影魔术手素材中心怎么用

光影魔术手是国内最受欢迎的图像处理软件,被《电脑报》、天极、PCHOME等多家权威媒体及网站评为2007年最佳图像处理软件
收藏 0 赞 0 分享

美图秀秀自动抠图功能使用教程

很多人觉得抠图即考验耐心又考验技术,其实未必哦!美图秀秀的自动抠图功能让抠图操作变的省心省力,只需要鼠标在图片上划两下,想要的部分就自动抠出来了
收藏 0 赞 0 分享

Photoshop CS4无法关联.psd文件情况的解决办法介绍

Photoshop CS4无法关联.psd文件的主要现象表现在每次要打开一个.psd文件都要先打开Photoshop主程序,再Ctrl+O找到要打开的文件,这样不仅繁琐,而且降低了我们的工作效率。本文为大家介绍可以解决此问题的方法
收藏 0 赞 0 分享

美图看看完美呈现《霍比特人2》魔幻场景

“戒迷”们翘首期盼的《指环王》前传第二部《霍比特人:史矛革之战》终于上映了!这一部电影讲述了霍比特人比尔博
收藏 0 赞 0 分享

怎么使用iSee图片专家制作摇滚朋克风海报

今天教大家怎么使用iSee图片专家制作摇滚朋克风海报,喜欢的朋友可以一起来学习
收藏 0 赞 0 分享

光影魔术手中怎样批量压缩图片的图文详细教程

在外出旅游的时候,如果照相设备比较好,那么照出来的照片文件往往会很大,但是我们后来为了便于保存,或者是想上传到网上论坛上面的时候
收藏 0 赞 0 分享

光影魔术手怎么打马赛克

nEO iMAGING是一个对数码照片画质进行改善及效果处理的软件,如何使用光影魔术手打马赛克
收藏 0 赞 0 分享
查看更多