是否可以使用纯HTML创建倒计时？

Question

是否可以使用纯HTML创建倒数计时器？

我的意思是没有javascript或iframe或外部CSS。只是基本的HTML和嵌入式样式属性 - 即<h1 style="CSS GOES HERE">TEXT GOES HERE</h1>。

这可能吗？

若然，怎么样？

Answer 1

你可以使用GIF动画。

html看起来像这样。

<img src="countdown.gif" alt="countdown">

其中countdown.gif是对倒计时图片的引用。

实际上，创建图像是留给读者的练习。

Answer 2

您可以使用<meta http-equiv="refresh"标记和一些静态页面拼凑一些东西。

Answer 3

没有。 HTML是一种标记语言，而不是脚本语言。标记语言是静态的，您可以设置一次。如果您需要交互，则需要像JavaScript这样的客户端脚本语言。

  

旁注

     

仅使用CSS3动画：http://codepen.io/WouterJ/details/brguf   但要注意CSS3还不稳定，CSS3动画API远非稳定。有关canIUse

的更多信息

Answer 4

简而言之，没有。 HTML是完全静态的，除非你使用诸如javascript之类的东西使它变得动态。

正如@SLaks所建议的那样，虽然可以使用CSS3动画但旧版浏览器不支持此功能。