实例自定义倒计时制作流程

　　一年一度的双十一快要来临了，最近闲来无事，用axure8。0实现了一个倒计时的功能，有兴趣的朋友闲来无事，可以鉴赏一番。至于大牛们就直接忽略吧。
　　预览：
　　一、准备元件
　　1、添加一个文本框，用来输入要进行倒计时时间，并将文本框的类型改为日期，并给文本框一个名字，我这里就取名叫倒计时日期；
　　2、添加9个文本标签。
　　分别起名为：当前时间、倒计时日期文字、差值、天、时、分、秒、提示信息、标题；9个文本标签的作用分别是：
　　当前时间：存放当前时间（以毫秒的形式存放）；
　　倒计时日期文字：存放倒计时日期文本框的文字内容；
　　差值：存放倒计时日期与当前时间的差；
　　天：存放倒计时日期与当前时间相差多少天；
　　时：存放倒计时日期与当前时间去掉天数外，相差多少小时；
　　分：存放倒计时日期与当前时间去掉天数、小时后，相差的分钟；
　　秒：存放倒计时日期与当前时间去掉天数、小时数、分钟数后，相差的秒数；
　　提示信息：异常情况提示内容；
　　标题：倒计时标题。
　　这些文本标签一般情况下默认为隐藏状态，在需要的情况下显示，这里就统一设置成隐藏了；
　　3、添加一个动态面板，并给动态面板两个状态。
　　这个动态面板是核心元件了，它就是用来显示倒计时用的，这里取名叫倒计时。两个状态里面分别放一个文本标签，用来显示倒计时的，分别取名字叫倒计时1、倒计时2。
　　本人比较懒，这里就不对面板状态进行命名了，朋友们可根据自己喜好自行取名；
　　4、最后一步，我们还需要一个按钮，用来计算倒计时用的，我们这里就取名字叫开始倒计时吧，文字内容就定为倒计时了；
　　二、添加用例
　　1、首先，我们给倒计时按钮开始倒计时添加用例，首先我们要考虑清楚在点击开始倒计时按钮时，可能有几种情况发生：
　　倒计时的日期为空
　　倒计时的日期小于当前时间
　　倒计时的日期大于等于当前时间。
　　想清楚这些，我们就开始给开始倒计时按钮添加鼠标单击时用例了；
　　1）无论什么情况下，首先我们要先取得当前的时间，倒计时日期的文字以及差值，所以这里我们可以先设置当前时间、倒计时日期文字、差值三个文本标签的内容；
　　当前时间：直接通过日期函数getTime（）获取当前的时间（毫秒）
　　倒计时日期文字：通过倒计时日期文本获取倒计时日期文字（Axure8。0中貌似不能直接通过元件文字获取，这里采用了元件的text获取）；
　　差值：通过倒计时日期文字和当前时间相减获取，倒计时日期文字通过日期函数getTime（）获取毫秒数；
　　2）判断倒计时日期的值是否为空；如果倒计时日期为空，则给出提示信息请选择倒计时日期！；
　　3）判断倒计时日期的值是否小于当前时间；之前已经计算过倒计时日期与当前时间的差值了，这里我们就可以直接使用差值来判断了；
　　4）开始倒计时：如果满足倒计时日期大于等于当前时间，我们就可以设置倒计时了；通过数学函数floor（）函数算出倒计时日期与当前时间相差的天数、小时数、分钟数、秒数，并把天数、小时数、分钟数、秒数合并在一起，赋值倒计时动态面板中的文本标签倒计时1和倒计时2；然后设置倒计时面板状态为Next，向后循环，并且循环间隔为1000毫秒；最后再把隐藏的倒计时动态面板显示出出来；
　　2、不要以为到这里到这里就大功告成了，其实还差关键的一步呢。那就是让倒计时动起来，不然你的倒计时只是你点击开始倒计时按钮那一刻的倒计时，此时此刻的倒计时是显示不出来的哦。
　　想要倒计时动起来，需要在倒计时动态面板中状态改变时添加用例：
　　用例的设置其实跟开始倒计时按钮里面的基本是一样的，这里就不重复说明了。
　　3、预览：到这里动态的倒计时已经完成了，不妨按一下F5键货在axure中点击预览，体验一下自己的成果吧！