Axure 倒计时使用变量

最新推荐文章于 2023-06-30 22:20:25 发布
最新推荐文章于 2023-06-30 22:20:25 发布
阅读量562 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alisa_lq/article/details/47089607
版权

Axure倒计时

本内容介绍使用函数和动态图层来实现倒计时，其主要思路是不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件，例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。

主要流程如下：

 ========================================================

 

========================================================

 

========================================================

 

========================================================

========================================================


 ========================================================


========================================================


========================================================



========================================================


========================================================


现在你可以运行下了，这个时候秒数会一直递减，并且会减成负数，而分数也没有变化。接下来我们需要处理的便是遗留的这两个问题。

 

========================================================


========================================================


 ========================================================


========================================================

这个时候如果我们开始运行页面的话会发现当数字跳到个位数的9时候不是我们需要的09，这个时候我们就要把9变为09。

 

=======================================================


========================================================


========================================================


========================================================


========================================================


新建一个” 用例2 “后双击它，然后编辑用例2的条件和触发事件如下图

 

========================================================


 ========================================================

 

这个时候执行所编写的页面原型发现分数不会随着秒数变化而变化，来，我们马上搞定它。

 

========================================================

 

========================================================

好了，打完收工！

Alisa_lq
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axure的简单操作（倒计时使用变量）
sunshine_hl的博客
07-23 1万+
Axure中的倒计时（使用变量）
条件变量之倒计时(CountDownLatch)
chenglinhust的专栏
10-18 836
条件变量之倒计时(CountDownLatch)      倒计时是一种常用且易用的同步手段，其用途是：      主线程发起多个多个子线程，等这些子线程各自都完成一定的任务之后，主线程才继续执行。通常用于主线程等待子线程完成初始化。      主线程发起多个子线程，子线程都等待主线程，主线程完成其他一些任务之后通知所有子线程开始执行。通常用于多个子线程等待主线程发出“起跑”命令。
Axure rp9 倒计时按钮的设置
weixin_58496646的博客
06-30 1258
点击添加用例，双击用例一，添加变量，选择变量值，再选择倒计时（OnLoadVariable）的值不等于0，相当于图三显示的条件，当前变量值不等于0时，禁用当前元件，也就是不能点击，再设置下一步设置设置文本，将当前文本从获取验证码变成变量值减一秒后重新获取。此时再将该变量的值等待一秒后减一，之后再设置当这些条件成立时会触发事件。第二步我们需要设置的是当变量值为0的时候。创建一个按钮，对按钮点击进行交互，选择点击或轻触，再双击箭头所指，弹出图二交互界面；图2，3，4，5，6，7，8 交互栏。
Axure教程——循环倒计时
weixin_43516258的博客
06-30 1526
本文介绍的是用Axure制作的循环倒计时
Axure之倒计时效果
LVXIANGAN的专栏
03-22 5208
Axure倒计时 本内容介绍使用函数和动态图层来实现倒计时，其主要思路是： 不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件。 例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。主要流程如下：     ==============================================
Axure倒计时/原型倒计时
06-02
Axure绘制倒计时，使用全局变量实现，非常好用
使用Axure制作倒计时效果.rp
10-14
使用Axure制作倒计时效果
Axure倒计时效果案例.rp
06-01
Axure倒计时效果案例.rp
Axure RP9 制作动态时间、倒计时以及动态变化数字效果
最新发布
07-03
1.动态时间可以放在原型的产品设计图上，使得预览效果更具系统的真实性； 2.动态数字可以自定义颜色和字体效果，放在大数据可视化大屏上，动态效果更加灵动； 3.
Axure倒计时实现
08-20
软件开发时使用Axure制作原型图，实现倒时效果。
JS实现自动倒计时30秒后按钮才可用
02-20
在发送段时，用的按钮事件
图文详解-如何用Axure做一个倒计时功能按钮
zzlbobo的专栏
03-28 4729
本篇主要给大家讲一下如何用Axure巧妙简单的实现一个倒计时功能。 demo地址： http://pan.baidu.com/s/1jI4IRzC 密码: 8ghd 需要更详细学习的同学可以看下面文章。偷懒的同学可以直接在demo里复制出想要的部分即可使用了。 1、把主要元素进行排版设计； 这里每个人有每个人的习惯，没有一个标准，只是将主要元素进行组织后加以排版。大家发现并没有获取
Axure：倒计时的实现
Coolstuz的博客
10-03 2813
功能实现：如图，点击时进入倒计时。 1.元件需求 一个文本标签 2.交互 1.添加全局变量countdown，并设置默认值为6 2.对文本标签进行交互 当countdown>=0时，触发case1：设置文本标签矩形的值为[[countdown]]，等待1秒后，将countdown的值-1（设置全局变量countdown的值为[[countdown-1]]），此时将文本标签矩形设置为禁止使用，最后再设置触发...
实现倒计时功能－－函数的局部变量问题
Dreamy_wit的博客
08-16 496
一、问题阐述： 在完成商场秒杀倒计时项目时，发现倒计时不能实时更新。 错误的代码：var mydate = new Date(); var hour = mydate.getHours(); var minute = mydate.getMinutes(); var second = mydate.getSeconds(); function nowTime() {
手把手教你如何使用Axure实现倒计时效果
weixin_43173093的博客
11-19 2079
我们经常看到一个场景，当点击某个按钮之后，旁边就会显示倒计时几秒后可以重新点击。这就是倒计时效果。 直接开始： 一、准备 添加全局变量：项目-全局变量-添加 time 值为60 准备一个矩形，添加文字：获取验证码。 准备一个动态面板，设置为两个 准备一个文本标签，不要输入字，放在一旁 给各个组件命名 二、设置交互 在动态面板上设置交互条件 在矩形上设置交互，自己设置禁用样式 ...
Axure倒计时
我的博客
09-22 250
不需要动态面板，load事件循环触发 + 延时可以实现 秒控件加load事件，首先等待1s设置second变量-1并赋值给秒控件，再次触发load事件可实现秒倒计时。分钟思路相同
Axure制作倒计时
weixin_44565536的博客
12-05 2463
Axure制作倒计时 首先打开我们的Axure创建一个新的面板，然后在Axure的左侧工具栏中找到元件库，在元件库中找到三级标签拉到面板中。 在三级标签上右键选择转为动态面板。 然后双击三级标签进入面板状态管理页面。 再双击State1中输入数字5，调整字体像素 然后依次制作出五个面板 在右侧属性工具栏中双击鼠标单击时。 点击设置面板状态然后勾选Set（动态面板），选择状态Next。 再勾选设置如图中画圈部分，点击确定就行了。 接下来再添加两个按钮分别是开始和停止 开始按钮和前面一样设置鼠
axure 倒计时_Axure倒计时效果
weixin_39742727的博客
12-19 458
在电商产品中，很多有限时促销、限时特价等活动，这时候就会有一个倒计时，不仅有时分秒，还有一个更小的单位，数字速度飞快地递减，给你一种再不买就来不及的紧迫感，我用Axure也做了一个这样的效果，不足之处请指出。1.先设置一个动态面板，命名为：“倒计时动态面板”，设置两个空白状态就行，该面板作用就是用来触发的，所以可以隐藏2.电商页面载入时自动开始倒计时，甚至在后台一直在倒计时，我这设置了两个按钮用来...
用Axure制作60s倒计时
ying631099151的博客
11-03 1455
用axure制作60s倒计时构思准备工作1.1 从元件库中拖出一个矩形框 一个动态面板，在动态面板中的页面1放入一个文本框。1.2 复制页面1的动态面板设置全局变量实现交互1.1为“获取验证码”添加交互动作1.2为动态面板添加交互动作“[[countdown]]秒后可重新获取验证码” 最近一直沉迷于学习画各种高保真的原型图，在学习了在Axure上如何获取电脑的动态时间后，我开始琢磨如何制作倒计时，因为我感觉这个和获取动态时间应该有异曲同工之妙，好了，我们切入正题。 构思 我们先来构思一下整个倒计时需要用到什
axure 怎么设置和使用变量
06-09
在 Axure RP 中，可以使用变量来存储和显示组件的状态。以下是在 Axure RP 中设置和使用变量的步骤： 1. 创建变量：在 Axure RP 的“变量”面板中，单击“新建变量”按钮，然后输入变量名称和默认值。 2. 绑定变量...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值