电脑版桌面罗盘时钟 您所在的位置:网站首页 怎么设置桌面的时钟 电脑版桌面罗盘时钟

电脑版桌面罗盘时钟

2024-07-13 09:45| 来源: 网络整理| 查看: 265

 

前段时间,用python做了个罗盘时钟,但好多小伙伴希望能做个桌面壁纸版的。由于本人不是专业的码农,对操作系统的壁纸嵌入这块理解有限,做起来并不容易。现从网上使用别人分享的html+css+js代码[1],稍稍改动后用到自己的桌面上(如下图),如果有侵权的地方请联系本人删除。感兴趣的小伙伴们可以关注我的个人公众号(扫描下方二维码),回复含有"时钟"或"罗盘"等词语,看一下桌面动态罗盘时钟壁纸的视频效果。文末提供代码和背景图片的链接。

7db73a439a1a554799453d04626da27e.png

图一:桌面罗盘时钟壁纸效果

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbGl4eV8wMzIz,size_13,color_FFFFFF,t_70,g_se,x_16

图二:个人公众号二维码

下面分享一下这个桌面罗盘时钟壁纸的设置过程:

 

#1 工具

电脑操作系统:windows 10

软件:Lively Wallpaper

 

#2 代码存放

      代码下载下来后,可存放在任一位置(设置后不可删除,建议不要直接放在桌面),如下图:

1d96e99c229097cab0ef823e21221739.png

css文件夹下存放的是clock.css文件,image文件夹下存放的是背景图片,js下存放的是clock.js和jquery.min.js两个文件。

 

下面是我修改了代码的地方:

#2.1 clock.css文件,如下:

 

#2.1.1 背景图片的路径(背景可以换成自己喜欢的图片,把路径填好即可!)

dd0d6a5893072cae9bd22fd395b5b6b6.png

 

#2.1.2 红色横线的长度和几个时间环的位置(默认是屏幕中间)

11cca30f5572cfdbeb5c7cd0916aec5d.png

 

9e6a227a1171a3ee0ec3ed5d010a0e75.png

 

a8f46bd892dc92f1243b2f90be542771.png

 

#2.2 clock.js文件

这个文件主要是把"一二三四....."改成了"壹贰叁肆...",看个人喜好吧,不改也可以

7b9b1b004fad77151d60ad71ad7829aa.png

好啦,代码修好,去软件设置一下这个桌面吧

 

#3 lively wallpaper的使用

这个软件win10应用商店上可以下载,一款免费的动态壁纸软件,可以把html页面设置成桌面壁纸,下面我们来看一下是如何操作的:

 

#3.1 安装很简单,登录一下微软的账号,直接下载安装就行!

b5a17cdbdf12c8ebc0cd2e7fa722c5b3.png

 

#3.2 将html设置为桌面壁纸

打开Lively Wallpaper软件,点击+添加壁纸,如图:

ff08163a1bdb703ed72d8d5af50a4586.png

选择一个文件或指定一个网站URL以设置:点Browse

71af287141739d1493a5dfb861688257.png

在下载下来的文件中选择index.html文件,点击打开:

9970eab7a16199bb0f3579c06827c79d.png

填一下标题就可以,点好,就可以看到效果啦!如果位置不满意,可以反复调试上面提到的参数,直至满意为止。调试期间可以直接用浏览器预览调试效果!

0f03ef3ff787c7af65513453b9c5879e.png

 

文件下载链接:

链接: https://pan.baidu.com/s/1XZkCtr9FAMCoEZYmpt7YDQ  提取码: udak 

 

下面链接是使用代码的来源,在此表示十分感谢!!如有侵权,请联系删除。

[1] https://blog.csdn.net/qq_44731019/article/details/119118842

 

 

 

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有