axure怎么設計一個倒計時效果的模型?
我要評論網(wǎng)頁中經(jīng)常能看到倒計時的效果，為了驗證的實時有效性，該怎么制作倒計時呢？下面我們就來看看詳細的教程。
一、原理:
我們利用變量和條件判斷來做倒計時。具體呢是當值到一個什么范圍時候，我們執(zhí)行什么什么時間。給大家示例的是一個手機獲取驗證碼的一個動態(tài)仿真，我們要實現(xiàn)的是當文本是獲取驗證碼的時候開始從60遞減，但文本為1的時候顯示獲取驗證碼。
二、詳細步驟
1、首先我們打開AXURE,設置一個變量，這里我們用全局變量，設置daojishi,默認值設置為60。
2、我們從工具欄拖出一個矩形，輸入文字獲取驗證碼，準備工作結(jié)束，我們開始添加事件。
3、我們來設置事件鼠標單擊時，分為兩個case。如果變量大于1或者等于獲取驗證碼時候，我們遞減1并顯示。當變量等于1時，顯示獲取驗證碼。
4、case1設置條件當變量大于1時或者本文是獲取驗證碼的時候，我們設置的事件有以下幾個，我們讓設置變量daojishi==[[daojishi-1]] 注意這樣輸入?。?設置文字等于變量daojishi，添加等待1000ms,很重要的一個事件讓整個事件循環(huán)重復，我們選擇觸發(fā)事件對象選擇當前矩形框單擊時觸發(fā)。
5、case2設置條件當變量等于一時，我們設置的事件有如下幾個。設置等待1000ms,設置文字為獲驗證碼，重要的是，我們要重置變量為60。
6、這里呢我把所有的事件截圖給大家，所有的倒計時基本都是這個原理，希望大家能學會。
以上就是axure直走倒計時效果的教程，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
相關文章
axure網(wǎng)頁原型怎么預覽和生成原型文件？axure中設計好的文件原型想要預覽并生成，該怎么預覽呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、？axure中設計網(wǎng)頁原型很方便，設計完成以后發(fā)現(xiàn)無法簽出，該怎么辦呢？下面我們就來看看axure不能簽出的解決辦法，需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫？想要把常用的組件制作一個元件，放到自己的元件庫中，該怎么操作呢？下面我們就來看看Axure元件庫的使用方法，需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并？axure制作的網(wǎng)頁原型中插入了表格，想要將表格中的單元格合并呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-09-08
axure8怎么給網(wǎng)頁制作Tabpage頁效果?
axure8怎么給網(wǎng)頁制作Tabpage頁效果？axure8中想要給網(wǎng)頁設計一個tab標簽效果，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-08-29
Axure RP8怎么設計倒計時獲取短信驗證碼效果？經(jīng)常能見到帶有短信驗證的網(wǎng)頁，該怎么設計出這個交互效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-08-25
Axure RP怎么給網(wǎng)頁添加滾動字幕？看到很多網(wǎng)頁有滾動字幕，想要在Axure RP中制作滾動字幕效果，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-08-15
Axure RP怎么設計一款導航菜單？Axure RP中設計網(wǎng)頁的時候需要設計一款導航菜單，該怎么設計恩？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-08-11
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
axure怎么給下拉框/列表框和元件文本添加內(nèi)容？axure中有很多元件，今天我們就來看看給下拉框/列表框和元件文本添加內(nèi)容的方法，需要的朋友可以參考下2017-07-25
Axure怎么繪制一幅生產(chǎn)產(chǎn)品圖？Axure中想要設計一個生產(chǎn)產(chǎn)品圖，該怎么設置呢？下面我們就來看看詳細的教程，很簡單，需要的朋友可以參考下2017-07-25
