axure版本:8.0
實現效果:
原型查看:
? ? ? ? ?https://wwimp7.axshare.com/#c=2
實現思路:
? ? ? ? 通過設置文本事件調用axure自帶函數獲取當前系統(tǒng)時間,然后通過動態(tài)面板來實現時間的刷新嗽桩。
制作步驟:
1茅特、新建一個文本標簽潭兽,任意輸入一些內容,設置好文本的格式螟深。
2涩搓、在該文本框上點擊右鍵拇派,“轉換為動態(tài)面板”。
3途戒、在右側《大綱:頁面》視圖中坑傅,可以看到新生成的動態(tài)面板。在該動態(tài)面板的“State1”這個狀態(tài)上點擊“復制狀態(tài)”喷斋。
4唁毒、然后左鍵點擊該動態(tài)面板,在屬性中星爪,點擊“載入時”枉证,設置控件載入事件。
5移必、在彈出的事件設置界面室谚,動作添加“設置面板狀態(tài)”,勾選“當前元件”崔泵,將狀態(tài)設置為“Next”秒赤,勾選“向后循環(huán)”和“循環(huán)間隔”,為循環(huán)間隔設置一個值憎瘸,默認為1000毫秒入篮,也就是每1秒鐘切換一次狀態(tài),可根據需要改成其他合適的值幌甘。
6潮售、類似于上一步的操作,為該動態(tài)面板添加一個“狀態(tài)改變時”的事件锅风,動作添加“設置文本”酥诽,分別勾選該動態(tài)面板下的兩個文本框,設置的值為fx函數的值皱埠,在函數值中輸入
[[Now.toISOString().substring(0,10)]] [[0.concat(Now.getHours()).slice(-2)]][[Now.toISOString().substr(13,6)]]
(注:兩個文本框得分別選中肮帐,并分別設置文本的值。[[Now]]即代表當前時間,但其時間格式不是我們想要的训枢,上圖的函數值是獲取yyyy-MM-dd HH:mm:ss格式的時間值)
設置好后托修,頁面如下圖,此時點擊預覽或生成html即可看到效果恒界。