这段 JavaScript 代码实现了一个时钟效果,包括以下功能:
1. 初始化函数 init():生成标签存放文字展示,并将生成的标签存放在数组中。
2. 创建标签函数 createLabel(text):创建标签并将文字填充标签内,接收参数为文字内容。
3. 运行时间函数 runTime():获取当前时间,初始化时间颜色,并将走过的时间设置为黑色。将当前时间设为与背景色对比度高一点的颜色,并将每个元素的位置计算出来,最后变成旋转时钟。
4. 初始化样式函数 initStyle():将所有标签置为灰色。
5. 定位到当前时间函数 locateCurrent():获取原来的位置,再修改 position 设置 left 和 top。
6. 变成旋转时钟函数 toRotate():将时钟变成旋转样式。
其中,使用了 setInterval() 函数每隔 100 毫秒获得当前时间,并使用 setTimeout() 函数在 3 秒后将时钟变成旋转样式。同时,还使用了 DOM 操作和 CSS 样式设置,实现了时钟的显示和动态效果。