.*;;\o"小樓axure圖文教程（十七）倒計(jì)時(shí)效果-腦圖、局部變量、循環(huán)以及函數(shù)的使用"小樓axure圖文教程（十七）倒計(jì)時(shí)效果-腦圖、局部變量、循環(huán)以及函數(shù)的使用作者:小樓一夜聽(tīng)春語(yǔ)

分類:

\o"查看Axure教程中的全部文章"Axure教程

發(fā)布時(shí)間:2013-07-2421:48

?

6\o"《小樓axure圖文教程（十七）倒計(jì)時(shí)效果-腦圖、局部變量、循環(huán)以及函數(shù)的使用》上的評(píng)論"沒(méi)有評(píng)論

\o"編輯文章"編輯本文出自訴客?產(chǎn)品經(jīng)理的心聲，轉(zhuǎn)載時(shí)請(qǐng)注明出處及相應(yīng)鏈接。倒計(jì)時(shí)在購(gòu)物網(wǎng)站中的使用十分廣泛，所以很多做購(gòu)物網(wǎng)站的產(chǎn)品你原型中要做倒計(jì)時(shí)的效果。其實(shí)本來(lái)沒(méi)有寫這個(gè)教程的想法，恰巧今天有人給我看了一個(gè)做好的倒計(jì)時(shí)axure原型，我覺(jué)得做的太復(fù)雜了，因?yàn)樵谀莻€(gè)axure原型中把時(shí)分秒分別通過(guò)3個(gè)全局變量來(lái)實(shí)現(xiàn)數(shù)值的變換。這樣做會(huì)導(dǎo)致全局變量使用太多，特別像一些頁(yè)面較多的網(wǎng)站原型中，全局變量的使用是比較多的，太多的全局變量勢(shì)必會(huì)影響完成原型的效率。再有就是在賦值的過(guò)程中也會(huì)變的繁瑣，因?yàn)槿肿兞啃枰M(jìn)行初始化。要實(shí)現(xiàn)的效果：

本教程示例下載地址：小樓axure圖文教程（十七）倒計(jì)時(shí)效果我們還是先進(jìn)行一下分析，在今天的分析中，我們用另外的一個(gè)方式-腦圖。這是產(chǎn)品經(jīng)理除了axurerp之外的又一利器。如上圖所示：就是我們要做的這個(gè)原型所涉及到的全部。下面就是實(shí)現(xiàn)過(guò)程了：1、

將所需元件全部準(zhǔn)備好，并按照上圖要求設(shè)置完畢。2、

倒計(jì)時(shí)的持續(xù)需要循環(huán)的支持，簡(jiǎn)單來(lái)說(shuō)就是利用動(dòng)態(tài)面板的顯示和隱藏事件來(lái)實(shí)現(xiàn)循環(huán)，在面板顯示時(shí)改變相應(yīng)數(shù)值，然后讓面板隱藏激發(fā)面板隱藏事件，面板隱藏時(shí)等待1000毫秒用來(lái)實(shí)現(xiàn)讀秒效果，再讓面板顯示激發(fā)面板的顯示事件，如此循環(huán)往復(fù)，就達(dá)到效果了。3、

在顯示面板改變數(shù)值的操作中，我們需要按上圖中的多個(gè)條件進(jìn)行判斷，并執(zhí)行相應(yīng)的改變數(shù)值的操作。4、

倒計(jì)時(shí)數(shù)值小于10的時(shí)候，數(shù)值的長(zhǎng)度由2位變成1位，這個(gè)時(shí)候我們可以通過(guò)判斷數(shù)值的長(zhǎng)度來(lái)確定是否在前面加0。也許有同學(xué)不理解，都知道小于10要補(bǔ)0了，干嘛還要判斷長(zhǎng)度？是這樣的，因?yàn)槲覀冏龅氖茄h(huán)，如果不判斷長(zhǎng)度，就會(huì)在每次改變數(shù)值的時(shí)候都補(bǔ)上1個(gè)0。數(shù)值會(huì)不斷的變長(zhǎng)，不信你試試！實(shí)現(xiàn)過(guò)程大概就是這樣