doc_overflowed_delay_end_delay.html (1417B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <style> 6 div { 7 width: 100px; 8 height: 100px; 9 outline: 1px solid lime; 10 } 11 </style> 12 </head> 13 <body> 14 <div id="target"></div> 15 <script> 16 "use strict"; 17 18 const target = document.getElementById("target"); 19 target.animate( 20 { 21 color: ["red", "lime"], 22 }, 23 { 24 id: "big-delay", 25 duration: 1000, 26 delay: Number.MAX_VALUE, 27 iterations: Infinity, 28 }); 29 30 target.animate( 31 { 32 opacity: [1, 0], 33 }, 34 { 35 id: "big-end-delay", 36 duration: 1000, 37 endDelay: Number.MAX_VALUE, 38 iterations: Infinity, 39 }); 40 41 target.animate( 42 { 43 marginLeft: ["0px", "100px"], 44 }, 45 { 46 id: "negative-big-delay", 47 duration: 1000, 48 delay: -Number.MAX_VALUE, 49 iterations: Infinity, 50 }); 51 52 target.animate( 53 { 54 paddingLeft: ["0px", "100px"], 55 }, 56 { 57 id: "negative-big-end-delay", 58 duration: 1000, 59 endDelay: -Number.MAX_VALUE, 60 iterations: Infinity, 61 }); 62 63 target.animate( 64 { 65 backgroundColor: ["lime", "white"], 66 }, 67 { 68 id: "big-iteration-start", 69 duration: 1000, 70 iterations: Infinity, 71 iterationStart: Number.MAX_VALUE, 72 }); 73 </script> 74 </body> 75 </html>