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