在此页

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

这是 实验性技术
检查 浏览器兼容性表格 要小心谨慎在生产中使用这之前。

getAnimations() 方法在 Document interface returns an array of all 动画 objects currently in effect whose target elements are descendants of the document. This array includes CSS 动画 , CSS Transitions ，和 Web 动画 .

句法

var allAnimations = Document.getAnimations();
					

参数

None.

返回值

数组 of 动画 objects, each representing one animation currently associated with elements which are descendants of the Document on which it's called.

范例

The following code snippet will slow down all animations on a page by halving their Animation.playbackRate .

document.getAnimations().forEach(
  function (animation) {
    animation.playbackRate *= .5;
  }
);
					

规范

规范	状态	注释
Web 动画 The definition of 'document.getAnimations()' in that specification.	工作草案

浏览器兼容性

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 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
getAnimations	Chrome 83 Disabled 83 Disabled Disabled From version 83: this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags. 不支持 67 — 83 Disabled Implements an older version of the specification and not supported on ShadowRoot ，见 Chromium bug 828585 . Disabled From version 67 until version 83 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags. 不支持 61 — 67 Disabled Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot , see Chromium bugs 828424 and 828585 . Disabled From version 61 until version 67 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.	Edge 83 Disabled 83 Disabled Disabled From version 83: this feature is behind the #enable-experimental-web-platform-features preference. 不支持 79 — 83 Disabled Implements an older version of the specification and not supported on ShadowRoot ，见 Chromium bug 828585 . Disabled From version 79 until version 83 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.	Firefox 75 75 不支持 72 — 75 Disabled Disabled From version 72 until version 75 (exclusive): this feature is behind the dom.animations-api.getAnimations.enabled preference. To change preferences in Firefox, visit about:config. 不支持 63 — 72 Disabled Not supported on ShadowRoot . Disabled From version 63 until version 72 (exclusive): this feature is behind the dom.animations-api.getAnimations.enabled preference. To change preferences in Firefox, visit about:config. 不支持 47 — 63 Disabled Not supported on ShadowRoot . Disabled From version 47 until version 63 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config. 不支持 46 — 47 Disabled Does not return any animations on pseudo-elements and is not supported on ShadowRoot . Disabled From version 46 until version 47 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config.	IE No	Opera 69 Disabled 69 Disabled Disabled From version 69: this feature is behind the #enable-experimental-web-platform-features preference. 不支持 54 — 69 Disabled Implements an older version of the specification and not supported on ShadowRoot ，见 Chromium bug 828585 . Disabled From version 54 until version 69 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. 不支持 48 — 54 Disabled Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot , see Chromium bugs 828424 and 828585 . Disabled From version 48 until version 54 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.	Safari 14 14 部分支持 13.1 Implements an older version of the specification and not supported on ShadowRoot , see Webkit bugs 179536 and 202192 . 部分支持 Partial Disabled Implements an older version of the specification and not supported on ShadowRoot , see Webkit bugs 179536 and 202192 . Disabled This feature is behind the Web 动画 preference and the CSS Animations via Web Animations preference.	WebView Android No 不支持 No Currently Chrome Canary only	Chrome Android 83 Disabled 83 Disabled Disabled From version 83: this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags. 不支持 67 — 83 Disabled Implements an older version of the specification and not supported on ShadowRoot ，见 Chromium bug 828585 . Disabled From version 67 until version 83 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags. 不支持 61 — 67 Disabled Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot , see Chromium bugs 828424 and 828585 . Disabled From version 61 until version 67 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.	Firefox Android 部分支持 63 Disabled 部分支持 63 Disabled Not supported on ShadowRoot . Disabled From version 63: this feature is behind the dom.animations-api.getAnimations.enabled preference. To change preferences in Firefox, visit about:config. 不支持 47 — 63 Disabled Not supported on ShadowRoot . Disabled From version 47 until version 63 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config. 不支持 46 — 47 Disabled Does not return any animations on pseudo-elements and is not supported on ShadowRoot . Disabled From version 46 until version 47 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config.	Opera Android 部分支持 48 Disabled 部分支持 48 Disabled Implements an older version of the specification and not supported on ShadowRoot ，见 Chromium bug 828585 . Disabled From version 48: this feature is behind the #enable-experimental-web-platform-features preference. 不支持 45 — 48 Disabled Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot , see Chromium bugs 828424 and 828585 . Disabled From version 45 until version 48 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.	Safari iOS 14 14 部分支持 13.4 Implements an older version of the specification and not supported on ShadowRoot , see Webkit bugs 179536 and 202192 . 部分支持 Partial Disabled Implements an older version of the specification and not supported on ShadowRoot , see Webkit bugs 179536 and 202192 . Disabled This feature is behind the Web 动画 preference and the CSS Animations via Web Animations preference.	Samsung Internet Android No

图例

完整支持

完整支持

部分支持

部分支持

不支持

不支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

见实现注意事项。

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

• Web 动画 API
• CSS 动画
• CSS Transitions
• Element.getAnimations() - Fetch only the animations on a single 元素 and its descendants.
• 动画

元数据

• 最后修改： 2020 年 7 月 29 日

相关话题

1. Web 动画 API
2. Document
3. 构造函数

   1. Document()
4. 特性

   1. alinkColor
   2. all
   3. anchors
   4. applets
   5. bgColor
   6. body
   7. characterSet
   8. childElementCount
   9. children
   10. compatMode
   11. contentType
   12. currentScript
   13. defaultView
   14. designMode
   15. dir
   16. doctype
   17. documentElement
   18. documentURI
   19. documentURIObject
   20. domain
   21. domConfig
   22. 嵌入
   23. fgColor
   24. firstElementChild
   25. forms
   26. fullscreen
   27. fullscreenEnabled
   28. head
   29. height
   30. hidden
   31. 图像
   32. 实现
   33. lastElementChild
   34. lastModified
   35. lastStyleSheetSet
   36. linkColor
   37. 链接
   38. location
   39. mozSyntheticDocument
   40. onabort
   41. onafterscriptexecute
   42. onanimationcancel
   43. onanimationend
   44. onanimationiteration
   45. onauxclick
   46. onbeforescriptexecute
   47. onblur
   48. oncancel
   49. oncanplay
   50. oncanplaythrough
   51. onchange
   52. onclick
   53. onclose
   54. oncontextmenu
   55. oncuechange
   56. ondblclick
   57. ondurationchange
   58. onended
   59. onerror
   60. onfocus
   61. onformdata
   62. onfullscreenchange
   63. onfullscreenerror
   64. ongotpointercapture
   65. oninput
   66. oninvalid
   67. onkeydown
   68. onkeypress
   69. onkeyup
   70. onload
   71. onloadeddata
   72. onloadedmetadata
   73. onloadend
   74. onloadstart
   75. onlostpointercapture
   76. onmousedown
   77. onmouseenter
   78. onmouseleave
   79. onmousemove
   80. onmouseout
   81. onmouseover
   82. onmouseup
   83. onoffline
   84. ononline
   85. onpause
   86. onplay
   87. onplaying
   88. onpointercancel
   89. onpointerdown
   90. onpointerenter
   91. onpointerleave
   92. onpointermove
   93. onpointerout
   94. onpointerover
   95. onpointerup
   96. onreset
   97. onresize
   98. onscroll
   99. onselect
   100. onselectionchange
   101. onselectstart
   102. onsubmit
   103. ontouchcancel
   104. ontouchstart
   105. ontransitioncancel
   106. ontransitionend
   107. onvisibilitychange
   108. onwheel
   109. origin
   110. plugins
   111. popupNode
   112. preferredStyleSheetSet
   113. readyState
   114. referrer
   115. rootElement
   116. 脚本
   117. scrollingElement
   118. selectedStyleSheetSet
   119. styleSheetSets
   120. timeline
   121. title
   122. tooltipNode
   123. URL
   124. visibilityState
   125. vlinkColor
   126. width
   127. xmlEncoding
   128. xmlVersion
5. 方法

   1. adoptNode()
   2. append()
   3. caretRangeFromPoint()
   4. clear()
   5. close()
   6. createAttribute()
   7. createCDATASection()
   8. createComment()
   9. createDocumentFragment()
   10. createElement()
   11. createElementNS()
   12. createEntityReference()
   13. createEvent()
   14. createExpression()
   15. createExpression()
   16. createNodeIterator()
   17. createNSResolver()
   18. createNSResolver()
   19. createProcessingInstruction()
   20. createRange()
   21. createTextNode()
   22. createTouch()
   23. createTouchList()
   24. createTreeWalker()
   25. enableStyleSheetsForSet()
   26. evaluate()
   27. evaluate()
   28. execCommand()
   29. exitFullscreen()
   30. exitPointerLock()
   31. getAnimations()
   32. getBoxObjectFor()
   33. getElementById()
   34. getElementsByClassName()
   35. getElementsByName()
   36. getElementsByTagName()
   37. getElementsByTagNameNS()
   38. hasFocus()
   39. hasStorageAccess()
   40. importNode()
   41. mozSetImageElement()
   42. open()
   43. prepend()
   44. queryCommandEnabled()
   45. queryCommandSupported()
   46. querySelector()
   47. querySelector()
   48. querySelectorAll()
   49. querySelectorAll()
   50. registerElement()
   51. releaseCapture()
   52. replaceChildren()
   53. requestStorageAccess()
   54. write()
   55. writeln()
6. 事件

   1. animationcancel
   2. animationend
   3. animationiteration
   4. animationstart
   5. copy
   6. cut
   7. DOMContentLoaded
   8. drag
   9. dragend
   10. dragenter
   11. dragexit
   12. dragleave
   13. dragover
   14. dragstart
   15. drop
   16. fullscreenchange
   17. fullscreenerror
   18. gotpointercapture
   19. keydown
   20. keypress
   21. keyup
   22. lostpointercapture
   23. paste
   24. pointercancel
   25. pointerdown
   26. pointerenter
   27. pointerleave
   28. pointerlockchange
   29. pointerlockerror
   30. pointermove
   31. pointerout
   32. pointerover
   33. pointerup
   34. readystatechange
   35. scroll
   36. selectionchange
   37. selectstart
   38. touchcancel
   39. touchend
   40. touchmove
   41. touchstart
   42. transitioncancel
   43. transitionend
   44. transitionrun
   45. transitionstart
   46. visibilitychange
   47. wheel
7. 继承：

   1. 节点
   2. EventTarget
8. Web 动画相关页面

   1. 动画
   2. AnimationEffect
   3. AnimationEvent
   4. AnimationPlaybackEvent
   5. AnimationTimeline
   6. Document.getAnimations()
   7. Document.timeline
   8. DocumentTimeline
   9. EffectTiming
   10. Element.animate()
   11. KeyframeEffect