CSS样式的倒数计时器？

Question

我想到这将会是非常简单的，但它到目前为止一直在困扰着我。我想知道如何实现一个计时器，可以倒计时到一个特定的日期，并可以用CSS来设置样式。

具体来说，我设计了一个背景图片/容器，并且想要设置数字的样式，以便正确定位，大小，颜色和正确的字体。

有一堆JS和jQuery倒计时定时器，但是我没有发现以容易用CSS定位的方式输出。修改输出字符串（即包含div标签）似乎只能打破它们，尽管我的JS知识还不足以理解为什么（猜测是脚本似乎针对某个div类并“注入”适当的代码。也许引入新的divs螺丝呢？）

我想我的问题必须是......'什么是最简单的方法来实现一个特定的日期倒计时，可以用CSS样式？'，虽然如果你知道现有的插件是这样做的，我会永远爱你！

Answer 1

这是倒计时了非常有用的插件......一切都是div和span的内写上，所以你可以很容易地用CSS样式它 - 你可以使用的图片，如果你reallu需要

http://keith-wood.name/countdown.html

Answer 2

我用这个：http://www.littlewebthings.com/projects/countdown/example/

，我可以说这是真棒。

不幸的是，它不是纯粹的CSS，有图像，并且开关不平滑。

但是，你总是可以学习如何通过研究它的工作方式来做出美丽的倒计时。

在这里，您可以下载源代码：http://www.littlewebthings.com/projects/countdown/downloads/lwtCountdown-php.zip

希望它能帮助。