成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

honmaple / 2727人閱讀

摘要：故事場景在一個群里，每天有個群友發(fā)送一個圖片，圖片上寫了距離年底還有天。制作流程計算到年底多少天。首先要得到年底的日期。即當(dāng)前年數(shù)月日。

故事場景

在一個群里，每天有個群友發(fā)送一個圖片，圖片上寫了：距離年底還有**天。感覺時間越來越近。是不是有點惶恐。不過感覺挺有用的。有時候想劃劃水。結(jié)果想到群友的圖，就轉(zhuǎn)而去碼字了。前兩天那位群友貼上了生成圖片的 Excel 代碼。但是當(dāng)時我比較忙。今天閑下來了。于是就有了現(xiàn)在的 js 版本。效果如圖：


這樣，每次調(diào)試代碼，打開控制臺，就能看到這么警示的時間提示。是不是可以創(chuàng)造一個緊張氣氛。

制作流程

計算到年底多少天。首先要得到年底的日期。即：當(dāng)前年數(shù)+12月31日。所以代碼如下：

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

然后計算當(dāng)年時間毫秒數(shù)與年底時間毫秒數(shù)之差，除以一天的毫秒數(shù)，就得到具體的天數(shù)：

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

這里是小數(shù)，我們需要轉(zhuǎn)化成整數(shù)。因為我們沒有算上最后一天的時間，所以我們向上取整，來解決這個問題：

let day = Math.ceil(dayCalc)

然后是控制臺打?。?/p> 

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://*/*

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99751.html

相關(guān)文章

  • 2016年總結(jié) - 收藏集 - 掘金

    摘要：然而這次的文章，就像賀師俊所說的這篇文章是從程序員這個老年度總結(jié)前端掘金年對我來說，是重要的一年。博客導(dǎo)讀總結(jié)個人感悟掘金此文著筆之時，已經(jīng)在眼前了。今天，我就來整理一篇，我個人認為的年對開發(fā)有年終總結(jié)掘金又到 2016 Top 10 Android Library - 掘金 過去的 2016 年，開源社區(qū)異?；钴S，很多個人與公司爭相開源自己的項目，讓人眼花繚亂，然而有些項目只是曇花一...

    DataPipeline 評論0 收藏0

  • 聊聊最近求職發(fā)生的故事

    摘要：月薪兩萬多的，我就只做了兩天，這件事，讓我意識到區(qū)塊鏈還太不成熟，距離真正的實際應(yīng)用場景落地，還有很長的一段距離。 showImg(https://segmentfault.com/img/remote/1460000014227024); 說起最近的經(jīng)歷，一波三折，故事很多，頗有戲劇性。 我在 17 年年底離開了優(yōu)帆的團隊，為什么離開，這里就不講太多，因為離開的不是我一個人，已經(jīng)到了...

    Joyven 評論0 收藏0

  • 學(xué)不動了?可能方法不太對-Grid 網(wǎng)格布局

    摘要：前情提要本人是一個學(xué)渣非科班入行年了吧前端東西真的好多啊又不斷更新需要不斷的學(xué)學(xué)學(xué)在去年年底開始我就開始不斷的尋找學(xué)習(xí)的方法如何更加高效的學(xué)習(xí)如何才能學(xué)的又快又好在這半年來不斷的總結(jié)慢慢找到了一些方法和訣竅此文章不是網(wǎng)格布局的教學(xué)文章只前情提要 ??本人是一個學(xué)渣,非科班入行2年了吧,前端東西真的好多啊,又不斷更新.需要不斷的學(xué)學(xué)學(xué), showImg(https://user-gold-c...

    happyfish 評論0 收藏0

  • 記錄一下自己的春招，唯品會、360、京東offer已收、騰訊offer_call已達?。。?/b>

    摘要：春招結(jié)果五月份了，春招已經(jīng)接近尾聲，因為到了周五晚上剛好有空，所以簡單地記錄一下自己的春招過程。我的春招從二月初一直持續(xù)到四月底，截止今天，已經(jīng)斬獲唯品會電商前端研發(fā)部大數(shù)據(jù)與威脅分析事業(yè)部京東精銳暑假實習(xí)生的騰訊的是早上打過來的。 春招結(jié)果 五月份了，春招已經(jīng)接近尾聲，因為到了周五晚上剛好有空，所以簡單地記錄一下自己的春招過程。我的春招從二月初一直持續(xù)到四月底，截止今天，已經(jīng)斬獲唯品...

    freewolf 評論0 收藏1

  • 19年一些微小的計劃

    摘要：是今年一定要學(xué)的東西這兩年頁面上用的三方組件多了，寫的少了，的一些屬性不太記得了，針對的學(xué)習(xí)計劃有兩個參照的樣式進行學(xué)習(xí)參照的組件樣式，學(xué)習(xí)如何處理樣式與組件之間的關(guān)系，規(guī)范自己的寫法。 磕磕絆絆工作有幾年了，前端界幾乎每天都有新名詞，令人眼花繚亂，目瞪狗呆。這兩年一直在外包工作，業(yè)務(wù)寫的多些，對js的基礎(chǔ)掌握的還不是很到位。最近深感技術(shù)嗅覺遲鈍，雖然平時也有看書學(xué)習(xí)，更多的時候都是斷...

    harriszh 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<