Axure 9 :實(shí)現(xiàn)倒計(jì)時(shí)獲取驗(yàn)證碼效果(無需動(dòng)態(tài)面板)

這次想給大家分享一個(gè)使用Axure9實(shí)現(xiàn)獲取驗(yàn)證碼倒計(jì)時(shí)的簡單方法

一票唆、效果圖

倒計(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)作1

加入動(dòng)作2技扼,等待 1000ms

動(dòng)作2

加入動(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)作3

動(dòng)作4:添加觸發(fā)條件始赎,選擇目標(biāo)為“獲取驗(yàn)證碼”,點(diǎn)擊添加事件為“單擊”

動(dòng)作4

2仔燕、單擊的第二種情況

添加完動(dòng)作4后造垛,我們的功能已經(jīng)完成一半了,接下來我們要做的是倒計(jì)時(shí)結(jié)束后文案變?yōu)椤爸匦芦@取”

首先我們要設(shè)置case2(點(diǎn)擊“單擊時(shí)”隔壁的添加情形)

在case2下面添加動(dòng)作晰搀,設(shè)置文本五辽,目標(biāo)為“獲取驗(yàn)證碼”,值為“重新獲取”外恕。

倒計(jì)時(shí)結(jié)束后顯示重新獲取

最后我們還要把變量值變回原來的值杆逗,這樣點(diǎn)擊重新獲取后就能繼續(xù)倒計(jì)時(shí)了

添加一個(gè)設(shè)置變量值的動(dòng)作,變量值選 “x”鳞疲,值為6罪郊。

重新設(shè)置變量值

到這來就把倒計(jì)時(shí)獲取驗(yàn)證碼的原型做好了,最后一步發(fā)布預(yù)覽就可以啦尚洽。如果有什么問題可以在下方留言哦悔橄。

以上就是主要內(nèi)容,如有不足的地方請多多指教,也歡迎大家一起來討論癣疟。未經(jīng)同意挣柬,禁止轉(zhuǎn)載!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末睛挚,一起剝皮案震驚了整個(gè)濱河市邪蛔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌竞川,老刑警劉巖店溢,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異委乌,居然都是意外死亡床牧,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進(jìn)店門遭贸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來戈咳,“玉大人,你說我怎么就攤上這事壕吹≈埽” “怎么了?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵耳贬,是天一觀的道長踏堡。 經(jīng)常有香客問我,道長咒劲,這世上最難降的妖魔是什么顷蟆? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮腐魂,結(jié)果婚禮上帐偎,老公的妹妹穿的比我還像新娘。我一直安慰自己蛔屹,他們只是感情好削樊,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著兔毒,像睡著了一般漫贞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上育叁,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天绕辖,我揣著相機(jī)與錄音,去河邊找鬼擂红。 笑死仪际,一個(gè)胖子當(dāng)著我的面吹牛围小,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播树碱,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼肯适,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了成榜?” 一聲冷哼從身側(cè)響起框舔,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赎婚,沒想到半個(gè)月后刘绣,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡挣输,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年纬凤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撩嚼。...
    茶點(diǎn)故事閱讀 39,902評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡停士,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出完丽,到底是詐尸還是另有隱情恋技,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布逻族,位于F島的核電站蜻底,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏聘鳞。R本人自食惡果不足惜薄辅,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望搁痛。 院中可真熱鬧长搀,春花似錦宇弛、人聲如沸鸡典。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽彻况。三九已至,卻和暖如春舅踪,著一層夾襖步出監(jiān)牢的瞬間纽甘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工抽碌, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留悍赢,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像左权,于是被迫代替她去往敵國和親皮胡。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容