如何用JS制作一个炫酷的网页动态时钟特效？

本文共计1273个文字，预计阅读时间需要6分钟。

目录一. 前言二. 想法设计与实现过程三. 基本样式四. 时间函数控制器五. 时间，分，秒占据位六. 时间动态填充七. 前言 今天看到某个网站的独特时间显示，突发奇想，写一个看时间的炫效果。

目录

• 一.前言
• 二.想法设计/实现过程
• 三.基本样式
• 四.时间函数控制器
• 五，时，分，秒占位
• 六.时间动态填充

一.前言

今天看到某网站的时间特别的丑陋，所以就诞生了写一个看时间的炫酷的时钟前端页面。 特点就是炫酷，特效好，个人以心情愉快的感觉。 对于时间的变化，我打算使用翻页的特效来完成，色系的话采用黑色以主题，给人一种神秘的感觉。

而且要获取到本地的时间的数据来实时更新它的变化。

二.想法设计/实现过程

秉持着尽可能的美观炫酷，与用户的交互性好的原则，我初步的想法是，采用黑色系来增加可观性，写三个黑色框框分别代表小时，分钟，秒，然后获取到本地计算机或者服务器的时间数据，进行动态变化，而且对于数字的变化，采用翻页形式的改变对应的数字，从而增加可观性。