用CSS语言编倒计时表

html-css068

用CSS语言编倒计时表,第1张

css没有这个功能。

要做倒计时表,至少你得用JS或VBS。CSS只是用来控制页面布局、页面风格等。喝在说CSS里也可以控制JS脚本运行,但是实际上还是JS脚本在运行,而并非CSS语言自身的功能。。

而用JS或VBS做一个倒计时表,百度上搜一下,代码太多了。。

用定时器setTimeout('clock()',1000)就行了(其中clock()就是你用来显示时间的自定义funcion。

可以修改样式的

<div class="countdown-run">

<span class="mr-h" style="width: 31pxfont-size: 18pxfont-weight: boldfloat: left"></span>

<span class="mr-m" style="width: 106pxfont-size: 18pxfont-weight: boldfloat: left"></span>

<span class="mr-s" style="width: 35pxfont-size: 18pxfont-weight: boldfloat: left"></span>

</div>

用span输入时分秒,再修改其css样式就可以,如果没有开css功能,就只能在标签内写了,希望帮到你

可以。前提你得设置2次以上,比如

第一种:animation:4s 10 5s

4s本次运动时间,10是动画10次 5s是等5秒开始动画

第二种:animation-delay:5s 延迟后运行

第三种:需要animation-name: xxoo(xxoo是说本次你做的动画叫什么,纯属自己定义!不要以为这是h5标签XXOO)

@keyfrarmes xxoo

  0%{}

  10%{}

  30%{ 你做的动画已经完成 }

  100%{剩下的跟100%一模一样,就相当于等了几秒}

}