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

資訊專欄INFORMATION COLUMN

Chrome 小插件開發(fā) - 提醒我點(diǎn)餐

jollywing / 3042人閱讀

摘要：背景一忙起來，老是忘記點(diǎn)的晚餐，晚餐很豐盛，重點(diǎn)是免費(fèi)于是抽空寫了個(gè)小插件，提醒我點(diǎn)餐在這簡(jiǎn)單分享一下。點(diǎn)擊彈出的提示，就到點(diǎn)餐詳情頁面選菜去了。都有什么菜上圖回到正題使用的插件來自社區(qū)查看效果請(qǐng)戳主要思路設(shè)置個(gè)定時(shí)器每天定時(shí)提醒。

背景

一忙起來， 老是忘記點(diǎn)Shopee的晚餐，晚餐很豐盛， 重點(diǎn)是免費(fèi)!, 于是抽空寫了個(gè)小插件，提醒我點(diǎn)餐, 在這簡(jiǎn)單分享一下。

先睹為快

到點(diǎn)自動(dòng)提示：

不光有彈出提示， 伴隨的還有語音。點(diǎn)擊彈出的提示，就到點(diǎn)餐詳情頁面選菜去了。

都有什么菜 ? 上圖：

回到正題..使用的Notify 插件來自社區(qū)：iNotify

查看效果請(qǐng)戳: Demo

主要思路 
設(shè)置個(gè)定時(shí)器每天定時(shí)提醒。

主代碼：

  function noticeMe() {
    clearTimeout(t);
    notify.player().notify({
      openurl: "http://dinner.szoa.shopee.com/"
    });

    notifyTime = 24 * 60 * 60 * 1000;
    t = setTimeout(noticeMe, notifyTime);
  }

  function checkTime() {
    if (currentTime > threePm) {
      notifyTime = threePm + 24 * 60 * 60 * 1000;
    } else {
      notifyTime = threePm - currentTime;
    }
    setTimeout(noticeMe, notifyTime);
  }

  checkTime();

簡(jiǎn)單的邏輯， 一看就懂， 就不多解釋了。

想拿下來自己玩一玩的， 請(qǐng)到這里查看。

如何寫一個(gè)瀏覽器插件

類似教程很多了， 不再贅述， 感興趣的話自己去查吧。

瀏覽器也能說話 
 var msg = new SpeechSynthesisUtterance("該點(diǎn)餐了");
 speechSynthesis.speak(msg);

兼容性還是挺不錯(cuò)， 可以在合適的場(chǎng)景搞點(diǎn)語音提示想必是極好的。

結(jié)語

本來就想寫這么個(gè)插件的，一直沒動(dòng)手， 今天又又又忘記點(diǎn)飯了， 于是擼起袖子就寫了一個(gè)， 比較簡(jiǎn)單， 后面完善一下還能給其他人用， 美滋滋 :)

End.

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

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

相關(guān)文章

  • 知乎快捷取消我關(guān)注的問題chrome插件

    摘要：起因昨天上知乎一看，發(fā)現(xiàn)自己關(guān)注的問題接近個(gè)了，不能忍，希望控制在個(gè)以以內(nèi)最好是個(gè)以內(nèi)。到問題詳情頁分析取消關(guān)注的格式，使用問題拼裝。功能說明把所有關(guān)注的問題列出來。而實(shí)際上知乎顯示我關(guān)注的問題有個(gè)。知乎的列表的結(jié)構(gòu)和接口都可能會(huì)修改。 起因 昨天上知乎一看，發(fā)現(xiàn)自己關(guān)注的問題接近1000個(gè)了，不能忍，希望控制在500個(gè)以以內(nèi)最好是100個(gè)以內(nèi)。于是打開我關(guān)注的問題列表。發(fā)現(xiàn)這個(gè)列表已...

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

  • 基于 Nest.js(Node.js) 的模塊化敏捷開發(fā)系統(tǒng)架構(gòu) Notadd 2.0 Beta2

    摘要：快速開始下載碼云高速下載安裝執(zhí)行包安裝，如無，請(qǐng)先執(zhí)行自動(dòng)創(chuàng)建數(shù)據(jù)庫配置必須使用必須使用必須使用運(yùn)行更新月報(bào)年月年月年月年月年月年月年月年月年月下載地址碼云一點(diǎn)說明月將發(fā)布用戶中心模塊和模塊，月月后續(xù)還會(huì)有商城模塊微信模塊 前言 大多數(shù) node.js 框架都沒解決架構(gòu)問題，使得 node.js 沒能像 spring 一樣的適合大型項(xiàng)目開發(fā)和維護(hù)的框架。 nest.js 出現(xiàn)改變了這種...

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

  • 提醒我喝水chrome插件開發(fā)指南

    摘要：分析自己的需求，就是半個(gè)小時(shí)通知我一次，那么最簡(jiǎn)單的就是一個(gè)后臺(tái)運(yùn)行的定時(shí)器，每隔半個(gè)小時(shí)運(yùn)行一次。 起因 因?yàn)樽罱ぷ鞅容^忙，經(jīng)常忘記了喝水。作為一名前端開發(fā)人員，面對(duì)著瀏覽器工作是常態(tài)。所以這里為了解決這個(gè)痛點(diǎn)，面向前端開發(fā)人員寫了一款瀏覽器插件。他的作用就是提醒喝水。這里將半個(gè)小時(shí)設(shè)置為一個(gè)周期，大概和番茄工作法的原理一樣?；旧霞凶⒁饬Π雮€(gè)小時(shí)人也就累了。這個(gè)時(shí)候喝口水，舒緩...

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

  • react + koa2打造點(diǎn)餐系統(tǒng)

    摘要：后來本人覺得太麻煩了，便抽了點(diǎn)時(shí)間去開發(fā)一個(gè)專為都城點(diǎn)餐的端系統(tǒng)，主要為了方便自己。通過解析配置，通過打包生成資源，然后前端服務(wù)將資源引入到中達(dá)到渲染效果。搭建自己的服務(wù)器也有好處，可以解決跨域問題，或者通過作為中間層請(qǐng)求后臺(tái)服務(wù)器。 前言 第一次寫文章，用作個(gè)人記錄和分享交流，不好之處還請(qǐng)諒解。因本人喜愛吃都城(健康)，在公司叫的外賣都是都城，然后越來越多人跟著我點(diǎn)，而且每次都是我去...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<