使用JavaScript控制CSS Animations(动画)
// 获取元素
var element = document.getElementById('myElement');
// 定义动画结束时的回调函数
function handleAnimationEnd() {
console.log('动画结束');
}
// 为元素添加动画结束的监听器
element.addEventListener('animationend', handleAnimationEnd, false);
// 触发动画
element.classList.add('animate');在这个例子中，我们首先通过getElementById获取了一个页面元素。然后定义了一个名为handleAnimationEnd的函数，这个函数将在动画结束时被调用，并在控制台输出一条消息。我们使用addEventListener为元素添加了一个监听器，监听'animationend'事件，这样当动画结束时就会调用handleAnimationEnd函数。最后，我们通过添加一个类名（假设为'animate'）来触发动画。这个类名应该在CSS中定义动画效果。
评论已关闭