Posted by : Hank Chan 09 July 2017

前言:此篇文章屬於 Weebly 進階攻略,建議需具備基本的 html, CSS, 和 Javascript 技術來進行操作。此外,建議先閱讀我之前寫的兩篇文章 <如何製作自己的 footer>,<Weebly 更快速的網站架設 (下) - 如何修改 Weebly 網站的程式碼>。

在你的網站 footer 上常常會遇到需要顯示正確的時間,如下圖。在 Copyright © 後面需要接上你的起始年份到最新年份。

See Demo Page

許多人通常是選擇自己手動打上最新年份,但這必須每年再手動更改一次,相當麻煩。這邊提供給大家一個用 JavaScript 來自動化時間顯示的教學。我們將要用 Javascipt 來找出現在當下的年份。在網路上 Javascript 的起點時間設定為 1970 年,而之後的時間都是以毫秒來顯示。因此,我們必須將找出來的毫秒除以秒,分鐘,小時,天,年,捨去小數點之後的尾數,再加上 1970 年,就是當今的年份了。

1. 如果你是 Weebly 付費用戶的話,步驟較為簡單。首先,將下列的 html code (只要 html 而已) 複製並嵌入在你網頁的 footer 上,如下圖 1。



圖 1

接下來再將 CSS code 放入 html CSS 編輯的地方,如圖 2。

圖 2

最後,到 Setting > SEO > Footer Code,把我提供的 Javascript code 貼上,如圖 3。儲存後就大功告成啦。

圖 3

2. 如果你是 Weebly 免費版用戶的話,因為沒有 footer 功能,所以得自己來做 footer。請先閱讀這篇文章來了解如何製作自己的 footer。

好,我先假設你已經瞭解如何在 Weebly 免費版上製作自己的 footer。我也假設你已經懂得如何在 Weebly 上編輯程式碼 (瞭解如何在 Weebly 編輯程式碼)。這個方法與第一個方法大同小異,差別在這個方法的前提是你自己已經用 html 做好了 footer,之後的步驟與第一個方法相同。首先,找到你的 footer code,並在你想要的位置嵌入我提供的 html code,如下圖。


剩下要嵌入 CSS 和 Javascript code 的部分都和第一個方法相同。




延伸閱讀 : <如何修改 JavaScript>

- Copyright © Hank Chan 的所思所想 - Skyblue - Powered by Blogger -