Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style animationPlayState property

Previous: HTML DOM Style animationTimingFunction property

Next: HTML DOM TableHeader rowSpan property

Examples

Pause a movie:

document.getElementById("myDIV").style.animationPlayState="paused";

Definition and Usage

animationPlayState attribute specifies the animation is running or paused.

Note: Use this attribute is playing in a suspended animation.

Browser Support

Internet Explorer 10, Firefox and Opera support animationPlayState property.

Safari and Chrome support another alternative of the property attribute that WebkitAnimationPlayState property.

Note: Internet Explorer 9 and earlier versions do not support animationPlayState property.

grammar

Back animationPlayState properties:

object .style.animationPlayState

Setting animationPlayState properties:

object .style.animationPlayState="running|paused|initial|inherit"

Property Value

值	描述
running	默认值。规定动画是运行的。
paused	规定动画是暂停的。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

technical details

Defaults:	running
return value:	String representing the animation-play-state property element.
CSS version	CSS3

related articles

CSS Reference Manual: Animation-Play-State Properties

Previous: HTML DOM Style animationTimingFunction property

Next: HTML DOM TableHeader rowSpan property