需求場景
在用戶使用郵箱注冊后，通常會(huì)跳轉(zhuǎn)到一個(gè)郵箱驗(yàn)證的頁面肌索，用戶可以在這里重新向自己的郵箱發(fā)送郵件蕉拢。為了防止惡意注冊，通常會(huì)對重發(fā)郵件功能有個(gè)時(shí)間間隔限制诚亚。
原型場景需求如下：
1晕换、用戶完成注冊，跳轉(zhuǎn)到上述提示頁面站宗，重新獲取激活郵件功能鏈接進(jìn)入倒計(jì)時(shí)闸准，且變?yōu)椴豢捎?br>
2、倒計(jì)時(shí)結(jié)束后梢灭，去除倒計(jì)時(shí)數(shù)字夷家，功能變?yōu)榭捎?br>
3、用戶點(diǎn)擊后敏释，再次進(jìn)入倒計(jì)時(shí)库快，并變?yōu)椴豢捎?br>
4、完成上述循環(huán)
思路分析
實(shí)際上進(jìn)入頁面時(shí)和用戶點(diǎn)擊重發(fā)郵件钥顽，頁面實(shí)現(xiàn)的功能是一致的义屏，因此我們以用戶點(diǎn)擊后發(fā)生的事件作分析：
1、用戶點(diǎn)擊，重新發(fā)送功能變灰湿蛔，并變成不可用膀曾，進(jìn)入倒計(jì)時(shí)（前置條件：倒計(jì)時(shí)數(shù)據(jù)已完備；Axure功能：禁用阳啥、全局變量-用于倒計(jì)時(shí)顯示、等待-用于計(jì)時(shí)财喳、觸發(fā)事件-用于循環(huán)察迟、交互樣式-禁用時(shí)變灰）
2、倒計(jì)時(shí)為0時(shí)耳高，重新發(fā)送功能重新變?yōu)榭捎茫ù藭r(shí)全局變量已經(jīng)變?yōu)?扎瓶，需要恢復(fù)其為初始值，需要啟用重新發(fā)送功能泌枪，設(shè)置文本不顯示括號）
實(shí)現(xiàn)步驟
1概荷、創(chuàng)建一個(gè)全局變量countdown，值設(shè)置為你想要的倒計(jì)時(shí)秒數(shù)碌燕，這里設(shè)置3秒误证。
2、選中“點(diǎn)擊此處重新獲取激活郵件”元件修壕，添加單擊時(shí)交互愈捅，添加case，當(dāng)countdown>=0時(shí)的以下事件：
上述事件即為：
（1）當(dāng)全局變量countdown>=0時(shí)慈鸠，禁用掉當(dāng)前元件（使其不能被點(diǎn)擊）
（2）設(shè)置文本為：點(diǎn)擊此處重新獲取激活郵件+countdown（即為剩余多少秒可再點(diǎn)擊）
（3）等待1秒鐘
（4）將countdown的值減少1（即過去了1秒）
（5）自動(dòng)觸發(fā)單擊時(shí)事件（完成循環(huán)）
至此蓝谨，我們就完成了倒計(jì)時(shí)按秒減少的功能，接下來要讓倒計(jì)時(shí)結(jié)束后青团，元件恢復(fù)可點(diǎn)擊的功能譬巫。
3、添加其他情形督笆，即countdown小于0時(shí)
即：
（1）設(shè)置文本值芦昔，把countdown大于0時(shí)候的括號去掉
（2）啟用當(dāng)前元件
（3）把countdown的值設(shè)為初始值（倒計(jì)時(shí)開始的數(shù)值）
實(shí)際上，countdown在設(shè)置為初始值之前的值應(yīng)為-1胖腾，原因在于“計(jì)數(shù)值大于0時(shí)”的case中最后會(huì)將countdown變?yōu)?1.
以上烟零，我們完成了用戶單擊時(shí)的頁面交互，還需要在頁面載入時(shí)進(jìn)行相同的設(shè)置咸作。即是將單擊事件改為頁面載入事件即可锨阿。
4、復(fù)制單擊時(shí)中剛設(shè)置好的2個(gè)case记罚，添加頁面載入事件墅诡，在頁面載入事件下粘貼，更改觸發(fā)事件為頁面載入時(shí)，即可末早。
