背景

---

一忙起来， 老是忘记点Shopee的晚餐，晚餐很丰盛， 重点是免费!, 于是抽空写了个小插件，提醒我点餐, 在这简单分享一下。

先睹为快

到点自动提示：

不光有弹出提示， 伴随的还有语音。点击弹出的提示，就到点餐详情页面选菜去了。

都有什么菜 ? 上图：

回到正题..使用的Notify 插件来自社区：iNotify

查看效果请戳: Demo

主要思路

设置个定时器每天定时提醒。

主代码：

  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();

简单的逻辑， 一看就懂， 就不多解释了。

想拿下来自己玩一玩的， 请到这里查看。

如何写一个浏览器插件

类似教程很多了， 不再赘述， 感兴趣的话自己去查吧。

浏览器也能说话

 var msg = new SpeechSynthesisUtterance("该点餐了");
 speechSynthesis.speak(msg);

兼容性还是挺不错， 可以在合适的场景搞点语音提示想必是极好的。

结语

本来就想写这么个插件的，一直没动手， 今天又又又忘记点饭了， 于是撸起袖子就写了一个， 比较简单， 后面完善一下还能给其他人用， 美滋滋 ?

End.

文章TAG：chrome  插件  开发  提醒  Chrome  –  提醒我点餐