Animation.id - Web API 接口参考 编辑

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

Web Animations API 的 Animation.id属性可返回或设置用于识别某个动画的唯一标识.

获取与设置 animation.id

// 获取动画的 id
var animationsId = animation.id;

// 设置动画的 id
animation.id = "newId";

返回值

当该动画已被分配 id, 返回一个 DOMString, 当该动画未被分配 id 则返回 null.

示例

在 Follow the White Rabbit example 这个例子里, 你可以像下面的方式一样,为 rabbitDownAnimation 分配一个 id:

rabbitDownAnimation.effect.id = "rabbitGo";

规范

规范	状态	说明
Web Animations Animation.id	Working Draft	Editor's draft.

浏览器支持

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	39.0	48 (48)	未实现	未实现	未实现

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	(Yes)	48 (48)	未实现	未实现	未实现

 

相关文档

• KeyframeEffect Interface
• Web Animations API
• Animation