距離年末還有多少天？前端猴子的自我警示

故事場景

在一個羣裏，天天有個羣友發送一個圖片，圖片上寫了：距離年末還有**天。感受時間愈來愈近。是否是有點惶恐。不過感受挺有用的。有時候想劃劃水。結果想到羣友的圖，就轉而去碼字了。前兩天那位羣友貼上了生成圖片的 Excel 代碼。可是當時我比較忙。今天閒下來了。因而就有了如今的 js 版本。效果如圖：

這樣，每次調試代碼，打開控制檯，就能看到這麼警示的時間提示。是否是能夠創造一個緊張氣氛。

製做流程

計算到年末多少天。首先要獲得年末的日期。即：當前年數+12月31日。因此代碼以下：

let lastDay = new Date().getFullYear()+'-12-31'

而後計算當年時間毫秒數與年末時間毫秒數之差，除以一天的毫秒數，就獲得具體的天數：

let dayCalc = (new Date(lastDay).getTime()-Date.now())/1000/24/60/60

這裏是小數，咱們須要轉化成整數。由於咱們沒有算上最後一天的時間，因此咱們向上取整，來解決這個問題：

let day = Math.ceil(dayCalc)

而後是控制檯打印：

console.log('%c距離年末還剩','font-size:24px;color:#666;')
console.log('%c'+day+'天','font-size:32px;color:#fff;background:#f00;')

最終獲得方法以下：

function getDayLog(){
    let lastDay = new Date().getFullYear()+'-12-31'
    let dayCalc = (new Date(lastDay).getTime()-Date.now())/1000/24/60/60
    let day = Math.ceil(dayCalc)
    console.log('%c距離年末還剩','font-size:24px;color:#666;')
    console.log('%c'+day+'天','font-size:32px;color:#fff;background:#f00;')
}

爲了讓在每一個頁面上顯示，咱們用一個 chrome 插件：tampermonkey （https://chrome.google.com/web...）
安裝好以後，咱們添加腳本：

點擊create a new script
而後，插入以下代碼：

function getDayLog(){
    let lastDay = new Date().getFullYear()+'-12-31'
    let dayCalc = (new Date(lastDay).getTime()-Date.now())/1000/24/60/60
    let day = Math.ceil(dayCalc)
    console.log('%c距離年末還剩','font-size:24px;color:#666;')
    console.log('%c'+day+'天','font-size:32px;color:#fff;background:#f00;')
}
getDayLog()

記得確保match值是這樣的：
// @match http://*/*

好了，至此，打開諸多頁面開始調試都會看到這個警示了。