doc_infinity_duration.html (803B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <style> 6 div { 7 background-color: lime; 8 height: 100px; 9 } 10 </style> 11 </head> 12 <body> 13 <div class="infinity"></div> 14 <div class="infinity-delay-iteration-start"></div> 15 <div class="limited"></div> 16 <script> 17 "use strict"; 18 19 document.querySelector(".infinity").animate( 20 { opacity: [1, 0] }, 21 { duration: Infinity } 22 ); 23 24 document.querySelector(".infinity-delay-iteration-start").animate( 25 { opacity: [1, 0] }, 26 { 27 delay: 100000, 28 duration: Infinity, 29 iterationStart: 0.5, 30 } 31 ); 32 33 document.querySelector(".limited").animate( 34 { opacity: [1, 0] }, 35 { 36 duration: 100000, 37 } 38 ); 39 </script> 40 </body> 41 </html>