這次想給大家分享一個使用Axure9實(shí)現(xiàn)獲取驗(yàn)證碼倒計(jì)時的簡單方法
一、效果圖
二、具體實(shí)現(xiàn)方法
1、創(chuàng)建一個button按鈕，更改button文案為“點(diǎn)擊獲取驗(yàn)證碼”，更改button名稱為“獲取驗(yàn)證碼”
2、設(shè)置一個全局變量 “x” 變量值為 6秒（變量值可根據(jù)自己的實(shí)際業(yè)務(wù)設(shè)置），這里設(shè)置6秒是為了方便驗(yàn)證功能。
3、添加單擊時的第一種情況
1）單擊時，文案由原來的“點(diǎn)擊獲取驗(yàn)證碼”變?yōu)?“x秒后重新獲取”
首先我們要設(shè)置case1，如下圖
接著我們要設(shè)置加入的動作1，動作選擇“設(shè)置文本”。選擇目標(biāo)為“獲取驗(yàn)證碼”，設(shè)置值為“[[x]]秒后重新獲取”。
加入動作2，等待 1000ms
加入動作3，設(shè)置點(diǎn)擊按鈕后的文案，要更改為“[[x-1]]秒后重新獲取”
實(shí)現(xiàn)動作3：添加一個“設(shè)置變量值”的動作，選擇變量為“x”，值為“[[x-1]]” 這樣可以完成倒計(jì)時
動作4：添加觸發(fā)條件，選擇目標(biāo)為“獲取驗(yàn)證碼”，點(diǎn)擊添加事件為“單擊”
2、單擊的第二種情況
添加完動作4后，我們的功能已經(jīng)完成一半了，接下來我們要做的是倒計(jì)時結(jié)束后文案變?yōu)椤爸匦芦@取”
首先我們要設(shè)置case2（點(diǎn)擊“單擊時”隔壁的添加情形）
在case2下面添加動作，設(shè)置文本，目標(biāo)為“獲取驗(yàn)證碼”，值為“重新獲取”。
最后我們還要把變量值變回原來的值，這樣點(diǎn)擊重新獲取后就能繼續(xù)倒計(jì)時了
添加一個設(shè)置變量值的動作，變量值選 “x”，值為6。
到這來就把倒計(jì)時獲取驗(yàn)證碼的原型做好了，最后一步發(fā)布預(yù)覽就可以啦。如果有什么問題可以在下方留言哦。
以上就是主要內(nèi)容，如有不足的地方請多多指教，也歡迎大家一起來討論。未經(jīng)同意，禁止轉(zhuǎn)載！
