Jak napisać jakieś wydarzenie, które wykona się po skończeniu animacji?
@keyframes load {
0% {
width: 0vw;
background-color: rgb(255, 0, 0);
} 100% {
width: 96vw;
background-color: rgb(0, 255, 0);
}
}
<head onload="check_end_of_animation()">
<div id="loader"></div>
<div id="output"></div>
</head>
function check_end_of_animation() {
while (true) {
if (document.getElementById("loader").style.widht == "96vw") {
document.getElementById("output").innerHTML = "LOADED!";
break;
}
}
}
Powyższy kod w JS'ie nie działa. Chodzi mi o to, czy da się napisać kod, który coś wykona, gdy animacja dobiegnie końca?