有没有办法只使用CSS显示实时日期或时间？

Question

我的一位朋友声称他知道如何显示变量，在这种情况下，只使用CSS，以H / M / S格式和日期显示时间。他“忘了”代码是什么，因此无法告诉我。似乎有点难以相信这是可能的;但我很好奇，至于可以做到这一点。有什么想法吗？

Answer 1

不，你只使用CSS来定义事物的外观。但你可以用JS做到这一点，这里有一个很好的JS日期和时间函数列表：

http://www.quackit.com/javascript/javascript_date_and_time_functions.cfm

以下是一些让你开始的实际例子：

http://www.quackit.com/javascript/tutorial/javascript_date_and_time.cfm （使用<script>标记分隔代码以使其正常工作）

作为旁注，然后CSS将用于使您的日历/时钟看起来很漂亮，这是一个很好的例子：

http://css-tricks.com/date-display-with-sprites/

Answer 2

可能有办法......但这在技术上是在欺骗......

CSS有两个库：LESS和SASS。

我没有太多使用它们，但它们基本上允许你以一种面向对象的方式编写CSS。因此，您可以使用这些库来获取确切的时间，但就像我说的那样，您必须包含这些库，因此“作弊”。

LINKS： 少：http://lesscss.org/ SASS：http://sass-lang.com/

PS我认为如果你沿着这条路走下去，LESS就会更接近你想要的东西。