求助一个挂件

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

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

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Syngo
    订阅者

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

  • 其他回帖
  • shuoying
    捐赠者 订阅者

    插入一个 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 更新了该回帖
  • jipeng
    捐赠者 支持者 订阅者 作者

    感谢

推荐标签 标签

  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    192 引用 • 354 回帖 • 276 关注
  • JRebel

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

    26 引用 • 77 回帖 • 560 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    83 引用 • 1156 回帖 • 525 关注
  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 14 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1381 引用 • 9923 回帖 • 508 关注
  • 安全

    安全永远都不是一个小问题。

    167 引用 • 809 回帖 • 365 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    13 引用 • 5 回帖 • 4 关注
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 198 关注
  • 微软

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

    8 引用 • 44 回帖
  • Caddy

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

    10 引用 • 54 回帖 • 69 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    9 引用 • 117 回帖 • 1 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 382 回帖 • 6 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    317 引用 • 1391 回帖 • 3 关注
  • GitBook

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

    3 引用 • 8 回帖
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用 • 5 回帖
  • 电影

    这是一个不能说的秘密。

    118 引用 • 591 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    42 引用 • 24 回帖 • 3 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    179 引用 • 1048 回帖 • 201 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 11 关注
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    190 引用 • 120 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 494 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 421 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    57 引用 • 29 回帖 • 1 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    44 引用 • 551 回帖 • 432 关注
  • 反馈

    Communication channel for makers and users.

    113 引用 • 874 回帖 • 125 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 522 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 234 关注