---
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>

{{Compat("api.AnimationTimeline")}}

<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>