用时间模板做出来的计时功能,在第二天就不会自动变了。有高手可以写一个计时挂件吗(样式美观什么的都不用,有文字就行)。像这样。
今天是 2022-04-21
,从 2022.01.01
入职已经过去 112
天,今年已过了 113
天(第 17
周/共 53
周),距离 2023
年还有 252
天。
用时间模板做出来的计时功能,在第二天就不会自动变了。有高手可以写一个计时挂件吗(样式美观什么的都不用,有文字就行)。像这样。
今天是 2022-04-21
,从 2022.01.01
入职已经过去 112
天,今年已过了 113
天(第 17
周/共 53
周),距离 2023
年还有 252
天。
插入一个 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>
Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。
JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。
上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)
宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。
安全永远都不是一个小问题。
frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。
为成为自由职业者在家办公而努力吧!
微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。
Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。
我来 wolai:不仅仅是未来的云端笔记!
面试造航母,上班拧螺丝。多面试,少加班。
GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。
FlowUs.息流 个人及团队的新一代生产力工具。
让复杂的信息管理更轻松、自由、充满创意。
这是一个不能说的秘密。
提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。
哪里都缺人,哪里都不缺人。
RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。
设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。
DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。
又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。
ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。
1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。
Communication channel for makers and users.
Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于