• 欢迎访问《源码家园》,本站可以通过Ctrl+F搜索标签搜索你自己的问题,欢迎加入源码家园: QQ群
  • 请勿直接引用本站的图片链接,否则你的文章图片失效勿怪!
  • 博客看到的二维码食用方法:打开手机QQ的右上角那个+的“扫一扫”,扫一下这个二维码就好了,也可以用别的扫描二维码工具直接扫描!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧!

网站博客添加北京时间数字时钟JS特效2

网站源码 小白 1年前 (2017-04-26) 1299次浏览 已收录 3个评论 扫描二维码

我觉得网站有个时间还是不错的,至少第一个就是美化,第二个看时间是实用性的!

网站博客添加北京时间数字时钟 JS 特效 2

就在前两天我也发布了一款所谓的 js特效时钟发现个别设备不会自动显示(播放)!因为那款是 swf 文件时钟而已!还要点击一下播放才能显示,不过很少有不会自动显示的设备,不显示如下图:

网站博客添加北京时间数字时钟 JS 特效 2

还有前面那款时钟不是数字版的!有的网友就在 qq 上 m 我说,有没有数字版的!于是我就找了一个数字版,为了顺便解决个别设备不显示时钟问题,我就弄这个真正 js 版的数字时钟!如果你还是喜欢前面那款也没事,还是可以继续用的!

使用方法:

emlog:

添加自定义组件:在自己的 emlog 博客后台的侧边栏管理哪里添加一个自定义组件,组件名称随意!然后把代码 1 复制进去!

网站博客添加北京时间数字时钟 JS 特效 2

引用 js 文件:然后在 footer.php 的最底部</body>之前加入代码 2

WordPress

登陆自己的WordPress博客后台,找到仪表盘(菜单)-外观-小工具-文本,添加自定义文本的时候在里面添加代码 1,文件标题你也是可以随意,不写添加留空白也没事!

也是一样引用 js 文件:然后在 footer.php 的最底部</body>之前加入代码 2,PS:有的主题设置自带那个底部管理,可以直接在里面添加引用这个 js 代码就好了!比如和我一样用这个主题的,就在:仪表盘-主题设置-底部管理-公用底部管理!

其它的程序网站也可以用的,就好比 emlog 和WordPress添加方法套路其实是一样的,只不过是表面文字途径不同而已!

最后说明一下引用这个 js 文件最好自己做本地化,也就是下载 js 文件到自己的空间,然后引用!自己看下那个代码 2 里面有个链接更换成你的 js 链接就好了!

代码 1
&lt;div style="margin:0 auto;text-align:center"&gt;&lt;canvas id="clock" width="150px" height="150px" style="margin:0 auto;line-height:150px"&gt;&lt;/canvas&gt;&lt;/div&gt;
代码 2
&lt;script src="http://oc3b8f69s.bkt.clouddn.com/clock-canvas.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(function() {
$("#clock").drawClock();})
&lt;/script&gt;

文件下载

  文件名称:Desktop.zip  文件大小:55kb
  下载声明:本站文件大多来自于网络,仅供学习和研究使用,不得用于商业用途,如有版权问题,请联系博猪!
  下载地址:数字时钟 js 文件

提取码:

注意:本段内容须成功“回复本文”后“刷新本页”方可查看!


源码家园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明网站博客添加北京时间数字时钟 JS 特效 2
喜欢 (2)
[2517723188@qq.com]
分享 (0)
小白
关于作者:
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、Javascr ipt、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、Actionscr ipt、Pascal等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机!
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 签到成功!签到时间:2017-10-02 14:41:51,每日打卡,生活更精彩哦~
    daanzs2017-10-02 14:42 回复 Windows XP | Chrome 53.0.2785.104
  2. 会不会怀孕啊
    banye2017-08-24 11:58 回复 Windows 7 | Chrome 45.0.2454.101
  3. http://vip333.cn/ 签到成功!签到时间:2017-07-30 08:44:47,每日打卡,生活更精彩哦~
    晚年2017-07-30 08:47 回复 Windows 7 | Chrome 55.0.2883.87