aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/api/animationtimeline/index.html
blob: bdb6b069075653ba4af0af69000719fa6813df30 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
---
title: AnimationTimeline
slug: Web/API/AnimationTimeline
translation_of: Web/API/AnimationTimeline
---
<div><font><font>{{ SeeCompatTable() }} {{ APIRef("Web Animations", "Web动画")}}</font></font></div>

<p><font><font><a href="/en-US/docs/Web/API/Web_Animations_API">Web动画API</a></font></font><code>AnimationTimeline</code><font><font>接口表示动画的时间轴。这个接口用于定义时间轴功能(被{{ domxref("DocumentTimeline", "文档时间线") }}和未来的时间轴类型所继承),但本身并不能被开发人员直接使用。无论何处当你要用</font></font><code>AnimationTimeline</code><font><font>,都应该使用</font></font><code>DocumentTimeline</code><font><font>其他时间轴类型来实例化。</font></font></p>

<h2 id="属性"><font><font>属性</font></font></h2>

<dl>
 <dt><font><font>{{domxref("AnimationTimeline.currentTime")}} {{readonlyInline}}</font></font></dt>
 <dd><font><font>返回此时间轴的时间值(以毫秒为单位),若此时间轴未激活则返回</font></font><code>null</code><font><font></font></font></dd>
</dl>

<h2 id="规格"><font><font>规格</font></font></h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col"><font><font>规范</font></font></th>
   <th scope="col"><font><font>状态</font></font></th>
   <th scope="col"><font><font>评论</font></font></th>
  </tr>
  <tr>
   <td><font><font>{{SpecName('Web Animations','#the-animationtimeline-interface','AnimationTimeline')}}</font></font></td>
   <td><font><font>{{Spec2('Web Animations')}}</font></font></td>
   <td><font><font>编辑者草稿。</font></font></td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性"><font><font>浏览器兼容性</font></font></h2>

<p><font><font>{{CompatibilityTable}}</font></font></p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>功能</th>
   <th><font><font>Chrome</font></font></th>
   <th><font><font>Firefox (Gecko)</font></font></th>
   <th><font><font>Internet Explorer</font></font></th>
   <th><font><font>Opera</font></font></th>
   <th><font><font>Safari (WebKit)</font></font></th>
  </tr>
  <tr>
   <td><font><font>基本支持</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatGeckoDesktop(48)}} </font></font><sup><font><font>[1]</font></font></sup></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>功能</th>
   <th><font><font>Android</font></font></th>
   <th><font><font>Android Webview</font></font></th>
   <th><font><font>Firefox Mobile (Gecko)</font></font></th>
   <th><font><font>Firefox OS</font></font></th>
   <th><font><font>IE Mobile</font></font></th>
   <th><font><font>Opera Mobile</font></font></th>
   <th><font><font>Safari Mobile</font></font></th>
   <th><font><font>Chrome for Android</font></font></th>
  </tr>
  <tr>
   <td><font><font>基本支持</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatGeckoMobile(48)}} </font></font><sup><font><font>[1]</font></font></sup></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
   <td><font><font>{{CompatNo}}</font></font></td>
  </tr>
 </tbody>
</table>

<p><font><font>[1] Web动画API仅在Firefox Developer Edition和Nightly构建中默认启用。</font><font>您可以在测试启用它,并发布版本通过设定的偏好</font></font><code>dom.animations-api.core.enabled</code><font><font></font></font><code>true</code><font><font>,并且可以通过设置此优先于任何版本的Firefox禁用它</font></font><code>false</code><font><font></font></font></p>
</div>

<h2 id="参见"><font><font>参见</font></font></h2>

<ul>
 <li><a href="/en-US/docs/Web/API/Web_Animations_API"><font><font>网页动画API</font></font></a></li>
 <li><font><font>{{domxref("DocumentTimeline")}}</font></font></li>
 <li><font><font>{{domxref("Document.timeline")}}</font></font></li>
</ul>