本文主要为大家详细介绍了五步轻松实现javascript html时钟效果的代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
学了一段时间的HTML、CSS和JS后，给大家做一款漂亮的不像实力派的HTML时钟，先看图：
涉及到的知识点有： CSS3动画、DOM操作、定时器、圆点坐标的计算（好多人是不是已经还给自己的老师了~）
接下来，我们用5步来制作它
step1、准备HTML
首先，我们需要准备HTML结构，背景、表盘、指针（时针、分针、秒针）、数字。
立即学习“Java免费学习笔记（深入）”；
< /p>
step2、准备CSS
定义好指针的颜色和大小，需要说明的是transform: rotate(-90deg); 用来旋转指针，transform-origin:0 6px; 用来设置旋转中心点。