Axure教程——循环倒计时

本文介绍的是用Axure制作的循环倒计时
效果

预览：https://zhgcck.axshare.com

功能

1、点击“开始”按钮，倒计时开始
2、数值到1时，从10重新倒计时

制作
一、需要的元件
矩形、动态面板
二、制作过程

拖入一个动态面板，命名为“倒计时”，设置State1、State2、State3三个状态，如图：
点击进入“State1”状态，拖入一个矩形，设置“开始”按钮（按钮大小和颜色根据自己喜欢设计），如图：

点击进入“State2”状态，拖入一个矩形命名为“1”，设置其数值为10，如图：

点击进入“State3”状态，拖入一个矩形命名为“2”，设置其数值为10，如图：

元件制作完毕

交互
1、动态面板
设置动态面板“倒计时”状态改变时，
如果“2”的文字>=0,设置其文本为[[LVAR1-1]]，如图：

如果“1”的文字>=0,设置其文本为[[LVAR1-1]]，如图：

如果动态面板”倒计时“的状态为State2时，等待1000毫秒，设置其状态为State3，如图：

如果动态面板”倒计时“的状态为State3时，等待1000毫秒，设置其状态为State2，如图：

如果“2”的文字=-1,设置矩形”1“的值为10，矩形”2“的值为10，如图：

2、”开始“按钮

鼠标点击时，设置动态面板”倒计时“状态为State2，如图：

制作完毕，希望能帮助到您.