線上時鐘

July 22, 2021
作者 Terry Zhang
工具

閒置的手機可以用來做什麼呢？
可以當一款時鐘。
這裡有一款漂亮的線上時鐘

網上有很多的 app 都可以實現這個功能，無奈大多是收費的。
有沒有一款不收費，沒廣告，好用的桌面時鐘呢？
難不成要自己寫一個？
沒錯，自己寫，不過我們並不需要開發一個 app，我們只要寫個網頁就好了。
不會寫？不要緊，我也不會，但網上有大批的開源專案。

點選這裡看看我這款時鐘漂亮不

開源專案的網址：https://github.com/Zyjacya-In-love/flipclock-webpage

如果你沒有伺服器的話，下面這個也不錯哦！
https://vclock.com/

老張說:

這個專案有很多 hardcoding 的東西，我也懶得弄了，也直接 hardcoding 了。比如：

星期：如果電腦設定從週日開始，就得把 index.html 檔案改一下。
var week = ['Sun', 'Mon', 'Tues', 'Wed', 'Thur', 'Fri', 'Sat'];
英文日期的顯示方式 ：按照星期，月日年的習慣。直接在 index.html 修改就可以。
document.getElementById('ShowDate').innerHTML = week[d.getDay()] + ' - ' +  month[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
還有一個就是 ：我的 iphone5 橫屏顯示，AM/PM 總是會換行，這個只要修改 index.html 中 zoom:1.5 改成 1.4 就好啦。
document.getElementById('flipclock').setAttribute("style","zoom:1.4;");
總之，根據自己的情況簡單修改一下就可以用啦。很方便的。

電腦瀏覽器中按會車可以直接切換到全屏模式。