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