Axure制作：时分秒的倒计时

在这篇文章中，我们将介绍如何使用Axure制作一个时分秒的倒计时效果。

新建元素

首先，我们需要新建两个文本标签和三个文本框。按照下图所示设置它们的位置和大小：

设置交互动作

接下来，我们需要设置时、分、秒的交互动作。

文本框：秒

针对文本框：秒，我们有以下四个判定动作：

1. 当“文本框：秒”的值大于10时，等待1秒并将数值减少1。
2. 当“文本框：秒”的值大于等于1时，等待1秒并将数值减少1（前缀加个0，保持十位数有个0）。
3. 同时满足条件：“文本框：秒”值等于00和“文本框：分钟”大于10，将“文本框：秒”设置为59，并将“文本框：分钟”减少1。
4. 当“文本框：秒”的值等于00时，将“文本框：秒”设置为59，并将“文本框：分钟”减少1（前缀加个0，保持十位数有个0）。

此外，在“文本框：秒”的“载入时”动作中，触发“文本框：秒”的“文本改变时”的操作。

文本框：分钟

对于文本框：分钟，我们只需要一个判定动作：

1. 当“文本框：分钟”的值等于0-1时，将“文本框：分钟”设置为59，并将“文本框：小时”减少1。

文本框：小时

对于文本框：小时，我们只需要一个判定动作：

1. 当“文本框：小时”的值等于-1时，将“文本框：小时”设置为23。

至此，我们已经完成了倒计时效果的制作。快来查看一下效果吧！如果你觉得这篇文章对你有帮助，请给我们投个票，谢谢！

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。