用Axure制作60s倒计时

最近一直沉迷于学习画各种高保真的原型图，在学习了在Axure上如何获取电脑的动态时间后，我开始琢磨如何制作倒计时，因为我感觉这个和获取动态时间应该有异曲同工之妙，好了，我们切入正题。

构思

我们先来构思一下整个倒计时需要用到什么元件，我想做的是一个获取短信验证码的功能，点击获取短信验证码之后，右侧会出现，XX秒之后可重新获取验证码，所以首先肯定要有的是一个矩形框当做获取短信验证码的按钮。
其次，我们根据之前获取动态时间的经验来说，动态的时间一秒一秒的递增或递减是要有一个动态面板的两个页面之间的相互交替。
想好了用什么原件之后我们来想一下如何才能实现，因为是基于60秒的倒计时，所以我们要先设定一个全局变量，并将其的默认值设为60，因为是一秒一秒的递减，所以要设置一个函数为全局变量=全局变量-1，这样每次传递到下个面板的变量都是上个面板变量的-1，然后两个页面互相交替，最后到达0秒，整个倒计时结束，动态面板停止循环。重新点击“获取短信验证码”的按钮开启下一次循环。

准备工作

1.1 从元件库中拖出一个矩形框 一个动态面板，在动态面板中的页面1放入一个文本框。

注意随手取名字哈，好习惯早养成~
按钮我取名为“获取验证码” 两个文本框分别取名为“矩形1”、“矩形2” 动态面板为“获取验证码”
注意把两个文本框中的“文本标签”四个字删掉，要不然预览之后就会看见“文本标签”四个大字摆在那里