我的朋友「哈士奇」工作領域是平面美編，兼做網頁維護，由於網頁只是單純到後台換換文字，所以他一直不怎麼擔心，但是最近卻突然遇到主管說：「我想在網頁上做Google那種倒數計時，看起來應該不難，你去研究一下」，從此就變成了他的頭號難題，當我知道了，居然臉不紅氣不喘的說要幫忙，所以才有了這篇紀念文章。
其實我本人不是網頁設計師出身，只是前陣子對網頁code很感興趣，覺得打開記事本用英文就可以寫好網頁這件事，實在是太神奇了，所以在上班努力賺錢、下班休閒打電動的閒暇時間，我會慢慢的自學CSS語法。
也因為有個基本底子，所以上網google了很久之後，發現了這個很好用的日文網站，對於我們這些網頁初學者來說，他的介面實在是太貼心了。依照他提供的幾個欄位設定好之後，按下一個按鈕就可以自動產生出JAVA語法，然後把整段語法貼到網頁上要呈現的地方，Magic～～魔法馬上就登場了！
如果能力進階一點，還可以自己修改語法裡的一些設定內容，就不用受限於日文網頁上提供的幾項選擇，舉例：字型之類的～而以下是我測試的結果啦～～
| 終了時間 | 倒數結束時間 |
| タイマー表示 | 倒數顯示：決定最小的倒數單位，如果選了"日"，那小於1天的就不會顯示了 |
| 時間換算 | 決定倒數時間中的"日"要不要換算成其他更小單位，譬如選了"時間"，就會把"日"換算成小時，一起加總到"時間"的欄位數字內。如果選"換算しない"，倒數計時的區塊上就會顯示"日"這個單位。 |
| 標準時地域 | 不用特別設定 |
| ループ | 循環週期：如果倒數的活動是有固定循環週期的，那就可以把週期天數打上去，譬如每週活動就輸入7，如果沒有輸入就預設為0，也就是這次倒數完就結束了。 |
| 単位 | 倒數的顯示樣式，最後一個選項可以自訂時間單位的"顯示文字"。 |
| 前コメント | 設定第一行文字內容(參考下方範例)，勾選"改行"才會在後面斷行。 |
| 中コメント | 設定倒數"天數"後面的文字內容(參考下方範例)，如果上面第三列勾選"換算しない"會沒有倒數"天數"，那這個文字就會是第二行。前面勾選"改行"代表倒數"天數"之後要不要斷行，後面的"改行"代表文字內容完要不要斷行。 |
| 後コメント | 所有倒數單位結束後的文字內容(參考下方範例)，也是最後一行結尾。 |
 |
|
| 終了後の挙動 | 倒數完後出現的摘要 |
| サイズ | 整個倒數區塊的大小尺寸，用pixel計算。 |
| フォント | 設定字型：分別可以設定字體樣式／字型大小／行距／粗體、斜體、加底線／樣式預覽 |
| 余白 | 設定內容文字跟區塊邊邊的間距，上下左右都用pixel計算。 |
| 文字寄せ | 內容對齊方式，分別是靠左／置中／靠右。 |
| コメントカラー | 文字顏色 |
| 時計カラー | 倒數時間的數字顏色 |
| 背景カラー | 整個倒數區塊的背景顏色 |
| 背景画像URL | 整個倒數區塊的背景圖，可以填上圖片url位址 |
都設定完成，按下「結果」就可以在下方產生出JAVA語法啦！
貼上去的樣子就像這樣～～
貼上去的樣子就像這樣～～
另外，為了讓我朋友好操作一點，我還把網頁表格截圖下來做成說明圖呢～
