OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
3 <title>Canceling an animation inside requestAnimationFrame</title> | 3 <title>Canceling an animation inside requestAnimationFrame</title> |
4 <script src="../resources/testharness.js"></script> | 4 <script src="../resources/testharness.js"></script> |
5 <script src="../resources/testharnessreport.js"></script> | 5 <script src="../resources/testharnessreport.js"></script> |
6 <body> | 6 <body> |
7 <script> | 7 <script> |
8 async_test(t => { | 8 async_test(t => { |
9 var anim = document.body.animate([], 1000); | 9 var anim = document.body.animate([], 1000); |
10 | 10 |
11 anim.addEventListener('cancel', () => { | 11 anim.addEventListener('cancel', () => { |
12 t.done(); | 12 t.done(); |
13 }); | 13 }); |
14 | 14 |
15 requestAnimationFrame(() => { | 15 requestAnimationFrame(() => { |
16 anim.cancel(); | 16 anim.cancel(); |
17 }); | 17 }); |
18 }, 'Animation cancel event happens if animation cancelled in raf'); | 18 }, 'Animation cancel event happens if animation cancelled in raf'); |
19 </script> | 19 </script> |
OLD | NEW |