现在,文字风靡一时,成为很多年轻人的最爱。平时无事,还可以拿起笔在纸上写下自己喜欢的文字,这既可以训练手写能力,还能解压。如果把做文字的习惯带到数字领域来,就可以得到一个很独特的创意——文字时钟。
什么是文字时钟呢?就是把时间的数字模式换成文字,文字的风格和颜色可以自己随意制作,每分钟都可以轮流显示出一个不同的文字,是非常炫酷的数字装饰品,现在就让我们来学习一下如何制作一个文字时钟吧!
先要做的就是给每个数字设定一个特定的字符,例如 1:ONE,2:TWO 等等。然后,我们需要先在 HTML 中定义好相应的外框和样式,再在 CSS 中设置颜色和文字样式,这里我们可以用三层 DIV 分别包围数字、字符和时间的显示部分,使整个时钟看起来更加整洁美观。
通过简单的 JS 代码的设置,我们可以让时钟每一分钟自动刷新一次,并用数字转文字的方式来显示时间。还可以加入一些效果,比如每个文字渐变,文字旋转等等。这样做出来的文字时钟,是既有了视觉上的美感,又具有实用价值的数字装饰品。