D01-04 數字時鐘元件

1. 安裝該插件後，能夠實時展示當前時間。

2. 插件安裝方式，可參考A11-18伺服器-插件管理。

1

點選【檔案】→【新增決策報表】，將【數字時鐘】元件拖入畫布。

2

基本-元件名。

1. 可以為畫布中的數字時鐘元件設定元件名。

2. 元件名預設為clock0，也可手動輸入任意名稱。

3. 擁有名稱後，可以通過JavaScript獲取元件，從而修改元件屬性。

3

進階-標籤名稱。

1. 標籤名稱的作用就是用來彌補參數介面中標籤元件不支援的問題。

2. 標籤名稱可自訂，將在行動端預覽時顯示。

4

進階-樣式。

1. 共有三種不同樣式，日期、時間、星期的顯示組合不同。

5

進階-星期。

1. 預設勾選，數字時鐘顯示當前日期是星期幾。

2. 點選取消勾選，則不顯示星期，只顯示日期和時間。

6

進階-背景。

1. 點選【...】按鈕，點開背景設定面板。

2. 背景設定包括顏色和圖片，預設為顏色。

3. 點選滴管按鈕，可吸取畫布上任意顏色作為數字時鐘背景色。

4. 點選圖片，從本地選擇圖片上傳，可將圖片作為數字時鐘背景。

7

進階-字型、字樣、對齊。

1. 可自訂數字時鐘上文字的字型、大小、文字顏色、傾斜、加粗以及對齊方式。

8

基本-可用。

1. 勾選可用時，正常顯示。

2. 不勾選可用時，顏色會被淡化掉。

3. 設定元件不可用，預覽效果。

9

基本-可見。

1. 勾選可見時，可看得到元件。

2. 勾選不可見時，元件會被隱藏起來不顯示。

3. 設定元件不可見，預覽效果。

10

坐標尺寸。

1. 當 body 佈局方式設定為絕對佈局時，可自訂元件位置和大小。

2. 修改元件坐標和大小，點選預覽，在瀏覽器中查看效果。