Part5 JavaScript-日期的更新(第八週)

第一步:

使用函式將原本數字顯示改成英文顯示,有星期的還有月份的。

程式碼:

也可使用陣列:

這是之前的結果:

套用函式程式後:


第二步:

將原本14號利用函式改成日期的縮寫,像是3號是這個月的第三天所以是third, 所以個位數是3的就是rd結尾,為了能讓縮寫小一點所以設定大小為50%

程式碼:


套用函式程式後:

第三步:

接著把取得年份跟日期的程式碼都包裝成一個函式,然後呼叫結果是跟之前一樣的。

程式碼:


第四步:

再把所有script裡的函式都丟到js資料夾裡updateDateinfo.js的檔案中,再使用script連結,原本的html檔就可以呼叫updateDateinfo.js的檔案中的函式,這樣會使維護程式更容易,結果是一樣的。

程式碼:



留言

這個網誌中的熱門文章

Part9 使用AJAX方法將色彩名稱傳到後端並寫入資料庫

part1(圖片不清楚可點選後放大觀看)