這次想給大家分享一個(gè)使用Axure9實(shí)現(xiàn)獲取驗(yàn)證碼倒計(jì)時(shí)的簡單方法
一票唆、效果圖
二、具體實(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í)谊迄,文案由原來的“點(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)完成一半了,接下來我們要做的是倒計(jì)時(shí)結(jié)束后文案變?yōu)椤爸匦芦@取”
首先我們要設(shè)置case2(點(diǎn)擊“單擊時(shí)”隔壁的添加情形)
在case2下面添加動(dòng)作晰搀,設(shè)置文本五辽,目標(biāo)為“獲取驗(yàn)證碼”,值為“重新獲取”外恕。
最后我們還要把變量值變回原來的值杆逗,這樣點(diǎn)擊重新獲取后就能繼續(xù)倒計(jì)時(shí)了
添加一個(gè)設(shè)置變量值的動(dòng)作,變量值選 “x”鳞疲,值為6罪郊。
到這來就把倒計(jì)時(shí)獲取驗(yàn)證碼的原型做好了,最后一步發(fā)布預(yù)覽就可以啦尚洽。如果有什么問題可以在下方留言哦悔橄。
以上就是主要內(nèi)容,如有不足的地方請多多指教,也歡迎大家一起來討論癣疟。未經(jīng)同意挣柬,禁止轉(zhuǎn)載!