番茄系统家园 - 免费重装系统!简单装系统,人人都是装机大师!
当前位置:首页>软件问题 > axure怎么设计一个倒计时效果的模型?

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

来源:番茄系统家园浏览:时间:2022-08-19 10:58:00

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

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

一、原理:

我们利用变量和条件判断来做倒计时。具体呢是当值到一个什么范围时候,我们执行什么什么时间。给大家示例的是一个手机获取验证码的一个动态仿真,我们要实现的是当文本是获取验证码的时候开始从60递减,但文本为1的时候显示获取验证码。

二、详细步骤

1、首先我们打开AXURE,设置一个量,这里我们用全局变量,设置daojishi,默认值设置为60

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

2、我们从工具栏拖出一个矩形,输入文字获取验证码,准备工作结束,我们开始添加事件。

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

3、我们来设置事件鼠标单击时,分为两个case。如果变量大于1或者等于获取验证码时候,我们递减1并显示。当变量等于1时,显示获取验证码。

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

4、case1设置条件当变量大于1时或者本文是获取验证码的时候,我们设置的事件有以下几个,我们让设置变量daojishi==[[daojishi-1]]注意这样输入!!,设置文字等于变量daojishi,添加等待1000ms,很重要的一个事件让整个事件循环重复,我们选择触发事件对象选择当前矩形框单击时触发。

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

5、case2设置条件当变量等于一时,我们设置的事件有如下几个。设置等待1000ms,设置文字为获验证码,重要的是,我们要重置变量为60。

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

6、这里呢我把所有的事件截图给大家,所有的倒计时基本都是这个原理,希望大家能学会。

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

以上就是axure直走倒计时效果的教程,希望大家喜欢,请继续关注。

推荐系统

  • 雨林木风 winxp下载 纯净版 永久激活 winxp ghost系统 sp3 系统下载

    雨林木风 winxp下载 纯净版 永久激活 winxp ghost系统 sp3 系统下载64位
    系统大小:0MB系统类型:WinXP

    雨林木风在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业知名品牌,雨林木风WindowsXP其系统口碑得到许多人认可,积累了广大的用户群体,是一款稳定流畅的系统,雨林木风 winxp下载 纯净版 永久激活 winxp ghost系统 sp3 系统下载,有需要的朋友速度下载吧。

    系统等级:
    进入下载 >
  • 萝卜家园win7纯净版 ghost系统下载 x64 联想电脑专用

    萝卜家园win7纯净版 ghost系统下载 x64 联想电脑专用64位
    系统大小:0MB系统类型:Win7

    萝卜家园win7纯净版是款非常纯净的win7系统,此版本优化更新了大量的驱动,帮助用户们进行舒适的使用,更加的适合家庭办公的使用,方便用户,有需要的用户们快来下载安装吧。

    系统等级:
    进入下载 >
  • 雨林木风xp系统 xp系统纯净版 winXP ghost xp sp3 纯净版系统下载

    雨林木风xp系统 xp系统纯净版 winXP ghost xp sp3 纯净版系统下载64位
    系统大小:1.01GB系统类型:WinXP

    雨林木风xp系统 xp系统纯净版 winXP ghost xp sp3 纯净版系统下载,雨林木风WinXP系统技术积累雄厚深耕多年,采用了新的系统功能和硬件驱动,可以更好的发挥系统的性能,优化了系统、驱动对硬件的加速,加固了系统安全策略,运行环境安全可靠稳定。

    系统等级:
    进入下载 >
  • 萝卜家园win10企业版 免激活密钥 激活工具 V2023 X64位系统下载

    萝卜家园win10企业版 免激活密钥 激活工具 V2023 X64位系统下载64位
    系统大小:0MB系统类型:Win10

    萝卜家园在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业的萝卜家园品牌,(win10企业版,win10 ghost,win10镜像),萝卜家园win10企业版 免激活密钥 激活工具 ghost镜像 X64位系统下载,其系统口碑得到许多人认可,积累了广大的用户群体,萝卜家园win10纯净版是一款稳定流畅的系统,一直以来都以用户为中心,是由萝卜家园win10团队推出的萝卜家园

    系统等级:
    进入下载 >
  • 萝卜家园windows10游戏版 win10游戏专业版 V2023 X64位系统下载

    萝卜家园windows10游戏版 win10游戏专业版 V2023 X64位系统下载64位
    系统大小:0MB系统类型:Win10

    萝卜家园windows10游戏版 win10游戏专业版 ghost X64位 系统下载,萝卜家园在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业的萝卜家园品牌,其系统口碑得到许多人认可,积累了广大的用户群体,萝卜家园win10纯净版是一款稳定流畅的系统,一直以来都以用户为中心,是由萝卜家园win10团队推出的萝卜家园win10国内镜像版,基于国内用户的习惯,做

    系统等级:
    进入下载 >
  • windows11下载 萝卜家园win11专业版 X64位 V2023官网下载

    windows11下载 萝卜家园win11专业版 X64位 V2023官网下载64位
    系统大小:0MB系统类型:Win11

    萝卜家园在系统方面技术积累雄厚深耕多年,windows11下载 萝卜家园win11专业版 X64位 官网正式版可以更好的发挥系统的性能,优化了系统、驱动对硬件的加速,使得软件在WINDOWS11系统中运行得更加流畅,加固了系统安全策略,WINDOWS11系统在家用办公上跑分表现都是非常优秀,完美的兼容各种硬件和软件,运行环境安全可靠稳定。

    系统等级:
    进入下载 >