js人形时钟

Posted wainiwann

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js人形时钟相关的知识,希望对你有一定的参考价值。

https://blog.csdn.net/rsylqc/article/details/44808063

分享自:http://chabudai.org/blog/?p=59 
在这个网站看到一个很有意思的人形的时钟,分享一下,感觉很好玩的样子 
可以直接去网站看效果和源码

源码如下:

透明背景:

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>
  • 1

效果显示: 
技术分享图片

还可以分别查看时分秒 
技术分享图片 
技术分享图片

白色背景:

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>
  • 1

效果显示 
技术分享图片

哈哈,很有创意的一个时钟,值得收藏分享

以上是关于js人形时钟的主要内容,如果未能解决你的问题,请参考以下文章

[12小时Javascript Clock显示24时间,错误的AM / PM

js怎么写一个时钟?每秒跳一次的那种

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

JS制作一个创意数字时钟

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程