Electron + ECharts 做一个桌面小时钟

147 阅读1分钟

上一篇的二维码时钟,可能产品设计理念太过新奇,看大家的反馈,接受度不是很好,所以这次我换个思路,做一个桌面小时钟。下面简单做个介绍。

这是啥?

动画13.gif

这是一个让你的电脑桌面变得不那么无聊的小玩意儿!

你的电脑桌面上漂浮着的一个优雅的时钟。

特色功能

🎨 颜值担当

  • 金色指针,优雅转动
  • 透明背景,随心搭配
  • 简约设计,不像某些APP那样花里胡哨

🎮 互动体验

  • 可以拖动,哪里不碍事就放哪里
  • 自动适应大小,有多大地方就放多大

🚀 性能卓越

  • 基于 Electron 开发,运行速度快
  • 使用 ECharts 渲染,渲染速度快
  • 资源占用小,不会吃掉你的内存,可以同时多开

动画14.gif

如何使用?

  • 双击运行 桌面小时钟 Setup 1.0.0.exe 安装后就可以了

技术细节

  • 🎮 Electron:把html打包成桌面应用
  • 📊 ECharts:主要是它实现的表盘样式
  • 🔧 JavaScript:让指针动起来的幕后英雄

代码

代码和exe的电脑安装包我一起放网盘了,在公号回复【代码】可获取网盘地址

Snipaste_2025-05-27_12-32-34.png

image.png