30 lines
811 B
HTML
30 lines
811 B
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<script>
|
|
window.onload = function(){
|
|
let body = document.getElementsByTagName("body")[0];
|
|
let target = document.createElement("div");
|
|
let anim1 = new Animation();
|
|
let anim2 = new Animation();
|
|
let effect = new KeyframeEffect(target, { opacity: [ 0, 1 ] }, 1000);
|
|
body.appendChild(target);
|
|
target.appendChild(document.createElement("meter"));
|
|
anim1.startTime = 88;
|
|
anim1.timeline = null;
|
|
anim1.pause();
|
|
anim1.effect = effect;
|
|
anim2.effect = effect;
|
|
anim1.effect = effect;
|
|
|
|
// anim1, since it doesn't have a timeline, will remain pause-pending,
|
|
// so just wait on anim2.
|
|
anim2.ready.then(() => {
|
|
document.documentElement.classList.remove("reftest-wait");
|
|
});
|
|
};
|
|
</script>
|
|
</head>
|
|
<body></body>
|
|
</html>
|