精益资源

个人中心
退出登录

jquery插件javascript罗盘时钟,css3超炫时钟

分类: JQuery插件>动画效果    

 2410  0
查看演示

javascript超炫的罗盘时钟,曾经多次在[dy]中被安排上百次,今天精益编程也安排一次
并对源码进行了查看,发现写的也是挺精简的,而且没有使用到jquery。


1.相关的知识点

  1. css3方面主要涉及到属性transform,并主要应用是旋转rotate的应用,有兴趣的伙伴们可以度娘一下。
  2. js方面,全面应用document.querySelector与document.querySelectorAll的获取指定[表达式]元素的能力。
  3. js中时间Date的应用,解析了Date的各种获取second,minute,hour,day,month,year的相关方法。
  4. js中,使用${}来计算表达式,这个值得我们去学习与使用的。
  5. js中循环定时setInterval的使用

2.本人觉得值得优化的地方

  1. 对时间的要素second,minute,hour,day,month,year的div的创建中,都明确使用style来为每一个div加上,有点累赘,建议统一编写class来统一引入。
  2. 这类面对公网的应用,尽量不要使用()=>{}的方式,因为这方式虽然是好东西,但是毕竟是新东西,要照顾一下一些老机器使用ie的情况。

关注精益资源,各种cool组件顺手拈来。

最后编辑:2023-09-17 11:43:48

相关组件

MORE

three.js可旋转地球 javascript动态地球 canvas制作旋转地球

three.js结合图片的处理,添加鼠标与自转动的时间,制作出魔幻的地球旋转效果,犹豫站在月球上观看地球,画面壮观。

 2760  0

css3九大行星 动态网页九大行星 css3动画制作九大行星

css3结合动画,跟div的元素进行结合搭配,就能制作出运动中的九大行星图,各个行星的自转与公转都是根据实际的运行速度进行,只是同时提高了很多倍的运行速度。

 2697  0

css3漂亮水滴效果 动态水滴背景 浪漫水滴壁纸

css3的动态水滴效果,犹如身临其境的窗外水滴效果,充分使用css3的动画animation属性

 2585  0

魔幻版css3登录界面 后台登录页面模版

动态背景魔幻般的css3登录页面,使用简单css3语法实现,对于新手都容易上手,源码清晰,注解完整的页面源码

 2383  0