填寫手機號碼，發(fā)送短信驗證碼這一功能已經(jīng)非常普遍了，對原型設(shè)計來說，制作出較好的類似動態(tài)效果，無論是對開發(fā)還是對測試，都會有很大的幫助。

軟件名稱：Axure RP Pro(快速原型設(shè)計工具) V8.0.0.3333 綠色英文免費版軟件大?。?8.2MB更新時間：2017-04-10

1、首先新建一個動態(tài)面板，該動態(tài)面板要有兩個狀態(tài)，狀態(tài)一、狀態(tài)二；此后再新建一個計時器矩形即可矩形內(nèi)寫好數(shù)字60；

2、對這個動態(tài)面板添加事件：當動態(tài)面板狀態(tài)變更時，令系統(tǒng)的臨時變量OnLoadVariable的值-1，之后再把這個值賦給剛剛的計時器矩形；

3、此時再對整個頁面載入時添加一個效果，令剛剛的動態(tài)面板在載入時就不斷的從頭循環(huán)，反復切換狀態(tài)，時間間隔設(shè)置好為1000ms，即一秒；此外還需對系統(tǒng)的臨時變量OnLoadVariable進行第一次賦值：60

4、此時直接運行，從結(jié)果頁面可以看到，動態(tài)面板每隔一次，進行一次狀態(tài)的轉(zhuǎn)換，同時因為面板的轉(zhuǎn)換，觸發(fā)效果，使臨時變量OnLoadVariable的值不斷的減一，還不斷的將變小的值賦予計時器上，從而達到從60開始倒數(shù)的效果！

5、最后在將狀態(tài)不斷變換的面板隱藏掉，這樣用戶將不能在頁面中看到你是如何控制時間如何倒數(shù)的，是不是看起來很高大上？

相關(guān)推薦：

Axure RP 8怎么制作倒計時動畫?

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

axure RP7.0怎么制作60秒倒計時效果?