animationstart
åºçº¿
广æ³å¯ç¨
èª 2019å¹´12æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
animationstart äºä»¶ä¼å¨ CSS å¨ç»å¼å§æ¶è§¦åã妿æ animation-delay å»¶æ¶ï¼äºä»¶ä¼å¨å»¶è¿æ¶æè¿åç«å³è§¦åãä¸ºè´æ°çå»¶æ¶æ¶é¿ä¼è´ä½¿äºä»¶è¢«è§¦åæ¶äºä»¶ç elapsedTime 屿§å¼çäºè¯¥æ¶é¿çç»å¯¹å¼ï¼å¹¶ä¸ï¼ç¸åºå°ï¼å¨ç»å°ç´æ¥ææ¾è¯¥æ¶é¿ç»å¯¹å¼ä¹åçå¨ç»ï¼ã
åºæ¬ä¿¡æ¯
- è§æ ¼
- æ¥å£
-
AnimationEvent
- æ¯å¦å泡
-
æ¯
- äºä»¶å¯åæ¶
-
å¦
- ç®æ
-
Document, Element
- é»è®¤è¡ä¸º
-
æ
屿§è¡¨
| 屿§ | ç±»å | æè¿° |
|---|---|---|
target åªè¯» |
EventTarget |
äºä»¶æ¥æºï¼DOM é¡¶å±ç®æ ï¼ã |
type åªè¯» |
String |
äºä»¶ç±»å |
bubbles åªè¯» |
boolean |
äºä»¶æ¯å¦æ£å¸¸åæ³¡ï¼ |
cancelable åªè¯» |
boolean |
å¯å¦åæ¶è¯¥äºä»¶ï¼ |
animationName åªè¯» |
String |
ä¸è¯¥å¨ç»ç¸å ³ç CSS 屿§å¼ã |
elapsedTime åªè¯» |
Float |
å¨ç»è¿è¡æ¶é¿ï¼åä½ä¸ºç§ï¼ä¸ç´å°è¯¥äºä»¶è¢«è§¦åçæ¶é´ç¸ä¸è´ï¼ä¸å
æ¬ä»»ä½å¨ç»æåæ¶çæ¶é¿ãæ¤å¼åºä¸º 0 é¤é animation-delay æ¯ä¸ä¸ªè´å¼ï¼è¿ç§æ
åµä¸æ¤å¼ä¸º (-1 * animation-delay)ï¼å¹¶ä¸å¨ç»å°ç´æ¥ä»æ¤å¼åçåºåå¼å§ææ¾ã |
è§è
| è§è |
|---|
| CSS Animations Level 1 > # eventdef-globaleventhandlers-animationstart > |