求助一个挂件

本贴最后更新于 1145 天前,其中的信息可能已经斗转星移

用时间模板做出来的计时功能,在第二天就不会自动变了。有高手可以写一个计时挂件吗(样式美观什么的都不用,有文字就行)。像这样。

今天是 2022-04-21,从 2022.01.01 入职已经过去 112 天,今年已过了 113 天(第 17 周/共 53 周),距离 2023 年还有 252 天。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25914 引用 • 107392 回帖 • 2 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9950 引用 • 45192 回帖 • 77 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 其他回帖
  • 插入一个 HTML 块即可

    今天是 2022-04-24,从 2020.01.01 入职已经过去 845 天,今年已过了 114 天(第 18 周/共 53 周),距离 2023 年还有 250 天。

    <div> <span id="content"></span> <script> { /* 自定义 ID */ const CUSTOM_ID = "495EB80FD306470E8C2CADA3E0FE05E7"; function This(customID) { let protyle = document.querySelector(`protyle-html[data-content*="${customID}"]`); if (protyle) { let block = protyle.parentElement.parentElement; return { id: block.dataset.nodeId, block: block, shadowRoot: protyle.shadowRoot, }; } else return null; } /** * 格式化日期时间 * REF [js怎么格式化日期 - 知乎](https://zhuanlan.zhihu.com/p/136943284) */ Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); } for (var k in o) { if (new RegExp("(" + k + ")").test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); } } return fmt; } function week(y, m, d) { let today = new Date(); // 今天 let begin = new Date(y, m - 1, d); // 开始日期 let this_year = new Date(today.getFullYear(), 0, 1); // 当年第一天 let next_year = new Date(today.getFullYear() + 1, 0, 1); // 下一年第一天 let d_begin = Math.round((today.valueOf() - begin.valueOf()) / 24 / 3600 / 1000); let d_this_year = Math.round((today.valueOf() - this_year.valueOf()) / 24 / 3600 / 1000); let d_all = Math.round((next_year.valueOf() - this_year.valueOf()) / 24 / 3600 / 1000) - 1; let week_this_year = Math.floor((d_this_year + this_year.getDay()) / 7) + 1; let week_all = Math.floor((d_all + this_year.getDay()) / 7) + 1; return `今天是 ${today.format('yyyy-MM-dd')},从 ${begin.format('yyyy.MM.dd')} 入职已经过去 ${d_begin} 天,今年已过了 ${d_this_year} 天(第 ${week_this_year} 周/共 ${week_all} 周),距离 ${next_year.getFullYear()} 年还有 ${d_all - d_this_year} 天。` } const THIS = This(CUSTOM_ID); const root = THIS.shadowRoot; const content = root.getElementById("content"); content.innerHTML = week(2020, 1, 1); } </script> </div>ar() + 1, 0, 1); // 下一年第一天 let d_begin = Math.round((today.valueOf() - begin.valueOf()) / 24 / 3600 / 1000); let d_this_year = Math.round((today.valueOf() - this_year.valueOf()) / 24 / 3600 / 1000); let d_all = Math.round((next_year.valueOf() - this_year.valueOf()) / 24 / 3600 / 1000) - 1; let week_this_year = Math.floor((d_this_year + this_year.getDay()) / 7) + 1; let week_all = Math.floor((d_all + this_year.getDay()) / 7) + 1; return `今天是 ${today.format('yyyy-MM-dd')},从 ${begin.format('yyyy.MM.dd')} 入职已经过去 ${d_begin} 天,今年已过了 ${d_this_year} 天(第 ${week_this_year} 周/共 ${week_all} 周),距离 ${next_year.getFullYear()} 年还有 ${d_all - d_this_year} 天。` } const THIS = This(CUSTOM_ID); const root = THIS.shadowRoot; const content = root.getElementById("content"); content.innerHTML = week(2020, 1, 1); } </script> </div>
    1 回复
    1 操作
    shuoying 在 2022-04-29 19:08:11 更新了该回帖
  • Syngo

    可以参照集市中 Achuan-2 的 Clock-Pac 挂件自己做。有疑问的地方使用搜索引擎,基本能解决。

推荐标签 标签

  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 612 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 631 关注
  • Word
    13 引用 • 41 回帖
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 78 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    371 引用 • 1856 回帖 • 1 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 2 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    32 引用 • 99 回帖
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 176 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 415 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    499 引用 • 1395 回帖 • 245 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖 • 1 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 233 回帖 • 3 关注
  • OneNote
    1 引用 • 3 回帖 • 1 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 270 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 5 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    228 引用 • 476 回帖
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 511 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    291 引用 • 4495 回帖 • 662 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 677 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    10 引用 • 54 回帖 • 177 关注
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 692 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 490 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 18 关注