Axure制作:时分秒的倒计时

 时间:2025-01-06 08:26:24

1、新建2个文本标签,及3个文本框:如下图所示:

Axure制作:时分秒的倒计时

3、下面设置,时、分、秒的交互动作~

4、“文本框:second”的交互比较多,下面一一讲来~

5、“文本框:second”的“文本改变时”有4个判定动作~

Axure制作:时分秒的倒计时

7、动作1:---1.等待1000毫秒(即等待1秒)2.设置“文本框:second”内容为:“[[This.text-1]]”(即数值减少1)---

Axure制作:时分秒的倒计时

9、动作2:---1.等待1000毫秒(即等待1秒)2.设置“文本框:second”内容为“0[[This.text-1]]”(即数值减少1)(前缀加个0,保持十位数有个0)---

Axure制作:时分秒的倒计时

11、动作3:---1.设置“文本框:second”内容为“59“2.设置“文本框:minute”内容为“[[lvar1-1]]”(设置“文本框:minute”为局部变量LVAR1)---

Axure制作:时分秒的倒计时

12、条件4:---判断“文本框:second”值等于00---

13、动作4:---1.设置“文本框:second”内容为“59“2.设置“文本框:minute”内容为“0[[lvar1-1]]”(设置“文本框:minute”为局部变量LVAR1)(前缀加个0,保持十位数有个0)---

Axure制作:时分秒的倒计时

14、“文本框:second”的“载入时”动作:---触发“文本框:second”的“文本改变时”的操作~---*如果不明白这个动作意义,可以尝试删除此动作看看哦,呵呵……

Axure制作:时分秒的倒计时

15、“文本框:minute”的“文本改变时“的交互动作:

Axure制作:时分秒的倒计时Axure制作:时分秒的倒计时

19、条件1:---判断“文本框:hour”值等于-1---

Axure制作:时分秒的倒计时

21、到这里就大功告成了,赶紧看下效果吧……

Axure制作:时分秒的倒计时

22、觉得不错,对你有帮助的话,请投个票,加个赞哦~

  • 如何利用Axure RP 8软件添加数学计算加法运算
  • AE2022 用CC lens 效果制作小猫眼中的神奇星球
  • 使用Axure如何实现左右滑动切换的效果?
  • Axure如何制作倒计时效果?
  • AE 如何实现火焰文字
  • 热门搜索
    徐州旅游景点大全 去巴基斯坦旅游 象山旅游攻略 韶关旅游景点 日本旅游必去的地方 平谷旅游景点大全 台儿庄旅游 冬天旅游 琼海旅游 黑河旅游