随笔分类 -  时钟

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

点击右上角即可分享
微信分享提示