2020-02-08发表2020-08-10更新 付威 几秒读完 (大约97个字)0次访问js数字时钟--作息助手作息助手早就有想写一个时钟的想法，今天用js实现了一个，功能点如下(点击链接)： 自动同步客户端时间，1s一次 工作的时常为90min，自动靠拢整点半点 休息时间为30min 可以发送桌面通知和声音，前提是浏览器支持 </li> </ol> <p></iframe></p> </div><div class="article-licensing box"><div class="licensing-title"><p>js数字时钟--作息助手</p><p><a href="http://blog.laofu.online/2020/02/08/2020-02-08-clock/">http://blog.laofu.online/2020/02/08/2020-02-08-clock/</a></p></div><div class="licensing-meta level is-mobile"><div class="level-left"><div class="level-item is-narrow"><div><h6>作者</h6><p>付威</p></div></div><div class="level-item is-narrow"><div><h6>发布于</h6><p>2020-02-08</p></div></div><div class="level-item is-narrow"><div><h6>更新于</h6><p>2020-08-10</p></div></div><div class="level-item is-narrow"><div><h6>许可协议</h6><p><a class="icon" rel="noopener" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a><a class="icon" rel="noopener" target="_blank" title="Attribution" href="https://creativecommons.org/licenses/by/4.0/"><i class="fab fa-creative-commons-by"></i></a><a class="icon" rel="noopener" target="_blank" title="Noncommercial" href="https://creativecommons.org/licenses/by-nc/4.0/"><i class="fab fa-creative-commons-nc"></i></a></p></div></div></div></div></div><div class="article-tags is-size-7 mb-4"><span class="mr-2">#</span><a class="link-muted mr-2" rel="tag" href="/tags/js/">js</a></div></article></div><div class="card"><div class="card-content"><h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3><div class="buttons is-centered"><a class="button donate" data-type="alipay"><span class="icon is-small"><i class="fab fa-alipay"></i></span><span>支付宝</span><span class="qrcode"><img src="/img/assets/common/alipay.png" alt="支付宝"></span></a><a class="button donate" data-type="wechat"><span class="icon is-small"><i class="fab fa-weixin"></i></span><span>微信</span><span class="qrcode"><img src="/img/assets/common/weixin.png" alt="微信"></span></a></div></div></div><nav class="post-navigation mt-4 level is-mobile"><div class="level-start"><a class="article-nav-prev level level-item link-muted" href="/2020/02/09/2020-02-10-kafka-filestore/"><i class="level-item fas fa-chevron-left"></i><span class="level-item">消息中间件--03. Kafka文件存储机制</span></a></div><div class="level-end"><a class="article-nav-next level level-item link-muted" href="/2020/02/06/2020-02-06-guava-eventbus/"><span class="level-item">Guava学习笔记--02. EventBus使用</span><i class="level-item fas fa-chevron-right"></i></a></div></nav><div class="card"><div class="card-content"><h3 class="title is-5">评论</h3><div class="content" id="valine-thread"></div><script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script><script src="https://cdn.jsdelivr.net/npm/valine@1.4.14/dist/Valine.min.js"></script><script>new Valine({el:'#valine-thread' ,appId:"h6GXwWEyfOXsiXlDvsa1QgnY-gzGzoHsz",appKey:"uASi7E8EXpNCcuIUsm1Kc6mC",placeholder:"欢迎你的评论",avatar:"mm",meta:["nick","mail","link"],pageSize:10,lang:"zh-CN",highlight:true,requiredFields:[],});</script></div></div></div><div class="column column-left is-4-tablet is-4-desktop is-3-widescreen order-1 is-sticky"><div class="card widget" id="toc" data-type="toc"><div class="card-content"><div class="menu"><h3 class="menu-label">目录</h3><ul class="menu-list"><li><a class="level is-mobile" href="#作息助手"><span class="level-left"><span class="level-item">作息助手</span></span></a></li></ul></div></div><script src="/js/toc.js" defer></script></div></div></div></div></section><footer class="footer"><div class="container"><div class="level"><div class="level-start"><a class="footer-logo is-block mb-2" href="/">付威的网络博客</a><p class="is-size-7"><span>© 2020 付威</span><br><span id="busuanzi_container_site_uv">共<span id="busuanzi_value_site_uv">0</span>个访客</span><div class="BbeiAn-info&quot;">皖ICP备 -<a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener">2020015540号</a></div></p></div><div class="level-end"><div class="field has-addons"><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/"><i class="fab fa-creative-commons-by"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script><script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" async></script><script>moment.locale("zh-CN");</script><script>var IcarusThemeSettings ={article:{highlight:{clipboard:true,fold:'unfolded' } } };</script><script src="/js/column.js"></script><script src="/js/animation.js"></script><a id="back-to-top" title="回到顶端" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script src="/js/back_to_top.js" defer></script><script src="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/js/lightgallery.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js" defer></script><script>window.addEventListener("load",() =>{if (typeof $.fn.lightGallery ==='function') {$('.article').lightGallery({selector:'.gallery-item' });} if (typeof $.fn.justifiedGallery ==='function') {if ($('.justified-gallery > p > .gallery-item').length) {$('.justified-gallery > p > .gallery-item').unwrap();} $('.justified-gallery').justifiedGallery();} });</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css"><script src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/mhchem.js" defer></script><script>window.addEventListener("load",function() {document.querySelectorAll('[role="article"] > .content').forEach(function(element) {renderMathInElement(element);});});</script><script type="text/x-mathjax-config">MathJax.Hub.Config({ 'HTML-CSS': { matchFontHeight: false }, SVG: { matchFontHeight: false }, CommonHTML: { matchFontHeight: false }, tex2jax: { inlineMath: [ ['$','$'], ['\\(','\\)'] ] } });</script><script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.5/unpacked/MathJax.js?config=TeX-MML-AM_CHTML" defer></script><script src="/js/main.js" defer></script><div class="searchbox"><div class="searchbox-container"><div class="searchbox-header"><div class="searchbox-input-container"><input class="searchbox-input" type="text" placeholder="想要查找什么..."></div><a class="searchbox-close" href="javascript:;">×</a></div><div class="searchbox-body"></div></div></div><script src="/js/insight.js" defer></script><script>document.addEventListener('DOMContentLoaded',function () {loadInsight({"contentUrl":"/content.json"},{"hint":"想要查找什么...","untitled":"(无标题)","posts":"文章","pages":"页面","categories":"分类","tags":"标签"});});</script></body></html>