1333539-1.html (811B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="UTF-8"> 5 <script> 6 window.onload = function(){ 7 let body = document.getElementsByTagName("body")[0]; 8 let target = document.createElement("div"); 9 let anim1 = new Animation(); 10 let anim2 = new Animation(); 11 let effect = new KeyframeEffect(target, { opacity: [ 0, 1 ] }, 1000); 12 body.appendChild(target); 13 target.appendChild(document.createElement("meter")); 14 anim1.startTime = 88; 15 anim1.timeline = null; 16 anim1.pause(); 17 anim1.effect = effect; 18 anim2.effect = effect; 19 anim1.effect = effect; 20 21 // anim1, since it doesn't have a timeline, will remain pause-pending, 22 // so just wait on anim2. 23 anim2.ready.then(() => { 24 document.documentElement.classList.remove("reftest-wait"); 25 }); 26 }; 27 </script> 28 </head> 29 <body></body> 30 </html>