如何使用Axure實現(xiàn)顯示當(dāng)前時間
在瀏覽一些網(wǎng)站的時候,經(jīng)常看到一些網(wǎng)站的頭部顯示當(dāng)前年月和當(dāng)前時間,這種效果在網(wǎng)站中運用廣泛。那么,這種效果是如何實現(xiàn)的呢?接下來我們將介紹如何使用Axure軟件來實現(xiàn)顯示當(dāng)前時間。 步驟一:打開軟
在瀏覽一些網(wǎng)站的時候,經(jīng)常看到一些網(wǎng)站的頭部顯示當(dāng)前年月和當(dāng)前時間,這種效果在網(wǎng)站中運用廣泛。那么,這種效果是如何實現(xiàn)的呢?接下來我們將介紹如何使用Axure軟件來實現(xiàn)顯示當(dāng)前時間。
步驟一:打開軟件并選擇元件
首先,打開Axure軟件,并在元件庫中選擇“二級標(biāo)題”元件,然后將其拖入畫布中。
步驟二:設(shè)置頁面載入時屬性
在選中元素后,在右上角找到“屬性”選項,并點擊“更多事件”。在下拉框中選擇“頁面載入時”。
步驟三:設(shè)置文本屬性并編輯文本
在彈出的對話框中,依次選擇“設(shè)置文本”和“選擇當(dāng)前文件”,然后點擊設(shè)置文本屬性中的圖標(biāo)。點擊圖標(biāo)后,會彈出一個編輯文本頁面。
步驟四:添加日期和時間函數(shù)
在編輯文本頁面中,刪除文本框中所有文字。然后點擊“插入變量函數(shù)”,在下拉框中選擇“toLocaleDateString”日期函數(shù)。接著再次點擊“插入變量函數(shù)”,在下拉框中選擇“toLocaleTimeString”時間函數(shù)。最后,點擊確定。
步驟五:保存并預(yù)覽效果
最后,保存文件,并點擊預(yù)覽。在瀏覽器中查看效果,即可完成顯示當(dāng)前時間的效果制作。
總結(jié)
- 選擇適合的文字元件。
- 設(shè)置頁面載入時屬性。
- 添加交互參數(shù)并設(shè)置文本屬性。
- 插入日期和時間函數(shù)。
- 保存并預(yù)覽效果。