“設(shè)置文本”那里，填入：

[[“0”.concat(Now.getHours()).substr(-2)]]:[[“0”.concat(Now.getMinutes()).substr(-2)]]:[[“0”.concat(Now.getSeconds()).substr(-2)]]

這就完成啦，是不是非常簡單？如果你需要在“載入時(shí)”完成其它操作而不想進(jìn)行循環(huán)，也可以把循環(huán)體的內(nèi)容綁定到其他用不到的交互上：

將循環(huán)體獨(dú)立出來

同樣的，如果你有“時(shí)針、分針、秒針的UI設(shè)計(jì)”也可以做成模擬時(shí)鐘的樣子，說白了就是交互里多加入指針的旋轉(zhuǎn)。

二、秒表（利用“面板狀態(tài)改變時(shí)”）

目前中文Axure關(guān)于秒表幾乎都是用“定時(shí)+1”去實(shí)現(xiàn)的，這其中就有一個(gè)很大的問題，時(shí)間不準(zhǔn)?。?！當(dāng)頁面元件過多或者電腦性能不足時(shí)，真實(shí)世界過了好幾秒了原型才過1秒。

接下來教你怎樣做一個(gè)更“實(shí)時(shí)”的秒表，首先，我們添加兩個(gè)個(gè)全局變量：

1. sw_timer默認(rèn)值為0
2. sw_start默認(rèn)值空

然后拖出3個(gè)按鈕（啟動(dòng)Start、暫停Pause、重置Reset），1個(gè)文本標(biāo)簽（用來顯示），1個(gè)動(dòng)態(tài)面板（Loop用來循環(huán)）：

動(dòng)態(tài)面板建兩個(gè)空狀態(tài)

“動(dòng)態(tài)面板Loop”的交互為：

“設(shè)置文本”那里填入：

[[“0”.concat(Math.floor(sw_timer/60000)).substr(-2)]]:[[“0”.concat(Math.floor(sw_timer/1000)%60).substr(-2)]].[[“00”.concat(Math.floor(sw_timer%1000)).substr(-3)]]

“啟動(dòng)Start”按鈕的交互為：

“暫停Pause”的交互為：

“復(fù)位Reset”的交互為：

雖然元件有點(diǎn)多，但是也不是很難對吧？這個(gè)秒表的原理是計(jì)算當(dāng)前時(shí)間和啟動(dòng)時(shí)間的差，好處是準(zhǔn)確，就算電腦卡機(jī)，下一次循環(huán)也會(huì)自動(dòng)更正時(shí)間，再也不會(huì)出現(xiàn)慢幾拍的情況。

三、密碼強(qiáng)度校驗(yàn)（不定長文字循環(huán)判斷）

這個(gè)部分我單獨(dú)寫了一篇文章，《Axure中的密碼強(qiáng)度校驗(yàn)》。

小結(jié)：

Axure的循環(huán)其實(shí)并不高深，想通了就非常容易。