用时间模板做出来的计时功能,在第二天就不会自动变了。有高手可以写一个计时挂件吗(样式美观什么的都不用,有文字就行)。像这样。
今天是 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>
Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。
Postman 是一款简单好用的 HTTP API 调试工具。
有点意思就行了
Mobi.css is a lightweight, flexible CSS framework that focus on mobile.
京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。
GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。
以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。
Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。
webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。
Open Source, Open Mind, Open Sight, Open Future!
红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。
百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。
Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。
Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。
Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。
SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。
Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。
CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。
Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。
GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。
设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。
Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。
Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。
ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于