在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 相关话题

<time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation , transition , and related properties.

句法

<time> data type consists of a​ ​​​​​​ <number> followed by one of the units listed below. Optionally, it may be preceded by a single + or - sign. As with all dimensions, there is no space between the unit literal and the number.

注意： Although the number 0 is always the same regardless of unit, the unit may not be omitted. In other words, 0 is invalid and does not represent 0s or 0ms .

Units

s

Represents a time in seconds. Examples: 0s , 1.5s , -60s .

ms

Represents a time in milliseconds. Examples: 0ms , 150.25ms , -60000ms .

注意： Conversion between s and ms follows the logical 1s = 1000ms .

范例

Valid times

12s         Positive integer
-456ms      Negative integer
4.3ms       Non-integer
14mS        The unit is case-insensitive, although capital letters are not recommended.
+0s         Zero with a leading + and a unit
-0ms        Zero with a leading - and a unit
					

Invalid times

0           Although unitless zero is allowed for <length>s, it's invalid for <time>s.
12.0        This is a <number>, not a <time>, because it's missing a unit.
7 ms        No space is allowed between the number and the unit.
					

规范

规范	状态	注释
CSS Values and Units Module Level 4 The definition of '<time>' in that specification.	编者草案
CSS Values and Units Module Level 3 The definition of '<time>' in that specification.	候选推荐	Normative definition of s and ms .
CSS Level 2 (Revision 1) The definition of '<time>' in that specification.	推荐	Informal definition of s and ms .

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
<time>	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 4	IE 完整支持 9	Opera 完整支持 10.1	Safari 完整支持 3.1	WebView Android 完整支持 2	Chrome Android 完整支持 18	Firefox Android 完整支持 4	Opera Android 完整支持 10.1	Safari iOS 完整支持 2	Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

元数据

• 最后修改： Jun 25, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Types
4. 特性

   1. <angle-percentage>
   2. <angle>
   3. <basic-shape>
   4. <blend-mode>
   5. <custom-ident>
   6. <dimension>
   7. <frequency-percentage>
   8. <frequency>
   9. <gradient>
   10. <image>
   11. <integer>
   12. <length-percentage>
   13. <length>
   14. <number>
   15. <percentage>
   16. <ratio>
   17. <resolution>
   18. <shape>
   19. <string>
   20. <time-percentage>
   21. <time>
   22. <transform-function>
   23. <url>
   24. color
   25. flex
   26. ident
   27. position