1604500-1.html (734B)
1 <!doctype html> 2 <html> 3 <head> 4 <script> 5 function start () { 6 const keyframe = new KeyframeEffect(undefined, {}); 7 const animation = new Animation(keyframe, undefined); 8 // Make animation run backwards... 9 animation.playbackRate = -100; 10 // But then set the current time to the future so it becomes "current"... 11 animation.currentTime = 2055; 12 // After updating the playback rate to zero, however, it should no longer 13 // be "current" (and this takes effect immediately because |animation| is 14 // paused)... 15 animation.updatePlaybackRate(0); 16 // Now update the target and hope nothing goes wrong... 17 keyframe.target = div; 18 } 19 20 document.addEventListener('DOMContentLoaded', start) 21 </script> 22 </head> 23 <div id=div></div> 24 </html>