亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

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

honmaple / 2766人閱讀

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

故事場(chǎng)景

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


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

制作流程

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

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

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

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

這里是小數(shù)，我們需要轉(zhuǎn)化成整數(shù)。因?yàn)槲覀儧](méi)有算上最后一天的時(shí)間，所以我們向上取整，來(lái)解決這個(gè)問(wèn)題：

let day = Math.ceil(dayCalc)

然后是控制臺(tái)打印：

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;")
}

為了讓在每個(gè)頁(yè)面上顯示，我們用一個(gè) chrome 插件：tampermonkey （https://chrome.google.com/web...）
安裝好之后，我們添加腳本：


點(diǎn)擊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://*/*

好了，至此，打開(kāi)諸多頁(yè)面開(kāi)始調(diào)試都會(huì)看到這個(gè)警示了。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/99751.html

相關(guān)文章

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

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

    DataPipeline 評(píng)論0 收藏0

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

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

    Joyven 評(píng)論0 收藏0

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

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

    happyfish 評(píng)論0 收藏0

  • 記錄一下自己的春招，唯品會(huì)、360、京東offer已收、騰訊offer_call已達(dá)！??！

    摘要：春招結(jié)果五月份了，春招已經(jīng)接近尾聲，因?yàn)榈搅酥芪逋砩蟿偤糜锌?，所以?jiǎn)單地記錄一下自己的春招過(guò)程。我的春招從二月初一直持續(xù)到四月底，截止今天，已經(jīng)斬獲唯品會(huì)電商前端研發(fā)部大數(shù)據(jù)與威脅分析事業(yè)部京東精銳暑假實(shí)習(xí)生的騰訊的是早上打過(guò)來(lái)的。 春招結(jié)果 五月份了，春招已經(jīng)接近尾聲，因?yàn)榈搅酥芪逋砩蟿偤糜锌?，所以?jiǎn)單地記錄一下自己的春招過(guò)程。我的春招從二月初一直持續(xù)到四月底，截止今天，已經(jīng)斬獲唯品...

    freewolf 評(píng)論0 收藏1

  • 19年一些微小的計(jì)劃

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

    harriszh 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<