此文写的是博客侧边栏的时钟信息。
见下图效果:
这个时钟效果,也是有CSS样式表和JS脚本组成。
1、 CSS样式表;
https://files.cnblogs.com/files/lzhdim/Clock.css
样式表里定义了时钟的字、星期等内容,在实际的使用时,需要根据自己博客的侧边栏宽度进行调整。
2、 JS脚本;
https://files.cnblogs.com/files/lzhdim/moment.min.js
https://files.cnblogs.com/files/lzhdim/clock.js
JS脚本,直接放置在页面HTML代码中即可,只需要调整CSS样式表内容。
这里提供一个时钟铺的网站:https://www.webhek.com/post/clock-shop.html
上述介绍了博客时钟的效果,建议去这个时钟铺网站找一个自己喜欢的时钟,然后根据CSS和JS脚本进行自定义即可。
![]() |
Austin Liu 刘恒辉
Project Manager and Software Designer E-Mail:lzhdim@163.com Blog:https://lzhdim.cnblogs.com 欢迎收藏和转载此博客中的博文,但是请注明出处,给笔者一个与大家交流的空间。谢谢大家。 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
2009-04-21 数据中心电源设计与管理指南
2009-04-21 成功实施虚拟化的6个步骤