網頁中經常能看到倒計時的效果，為了驗證的實時有效性，該怎么制作倒計時呢？下面我們就來看看詳細的教程。

一、原理:

我們利用變量和條件判斷來做倒計時。具體呢是當值到一個什么范圍時候，我們執行什么什么時間。給大家示例的是一個手機獲取驗證碼的一個動態仿真，我們要實現的是當文本是獲取驗證碼的時候開始從60遞減，但文本為1的時候顯示獲取驗證碼。

二、詳細步驟

1、首先我們打開AXURE,設置一個變量，這里我們用全局變量，設置daojishi,默認值設置為60。

2、我們從工具欄拖出一個矩形，輸入文字獲取驗證碼，準備工作結束，我們開始添加事件。

3、我們來設置事件鼠標單擊時，分為兩個case。如果變量大于1或者等于獲取驗證碼時候，我們遞減1并顯示。當變量等于1時，顯示獲取驗證碼。

4、case1設置條件當變量大于1時或者本文是獲取驗證碼的時候，我們設置的事件有以下幾個，我們讓設置變量daojishi==[[daojishi-1]] 注意這樣輸入！！,設置文字等于變量daojishi，添加等待1000ms,很重要的一個事件讓整個事件循環重復，我們選擇觸發事件對象選擇當前矩形框單擊時觸發。

5、case2設置條件當變量等于一時，我們設置的事件有如下幾個。設置等待1000ms,設置文字為獲驗證碼，重要的是，我們要重置變量為60。

6、這里呢我把所有的事件截圖給大家，所有的倒計時基本都是這個原理，希望大家能學會。

以上就是axure直走倒計時效果的教程，希望大家喜歡，請繼續關注錯新站長站。

相關推薦：

Axure怎么設計手機短信倒計時效果?

Axure RP 8怎么制作驗證碼倒計時原型?

Axure RP8怎么設計倒計時獲取短信驗證碼效果?