随笔分类 - 时钟
摘要:利用css+原生js制作简单的钟表。效果如下所示 实现该效果,分三大块:html、javascript、css html部分html部分比较简单,定义一个clock的div,内部有原点、时分秒针、日期以及时间,至于钟表上的刻度、数字等元素,因为量比较多,采用jvascript生成 css部分开始代码
阅读全文
摘要:实现效果 实现效果 图片素材 图片素材 原理分析 用setInterval(fn, 1000)来循环刷新图片。 用date对象的getHours()、getMinutes()、getSeconds()方法来获取当前的时、分、秒,并且拼接成字符串。 通过字符串的处理来改变<img>的src,从而达到改
阅读全文