动画结束后如何关闭对话框？

const dialog = document.getElementById('dialog'); // 获取对话框元素
const animation = dialog.animate(keyframes, options); // 执行动画

animation.addEventListener('finish', () => {
  // 动画结束后关闭对话框
  dialog.style.display = 'none';
});

@keyframes dialog-animation {
  /* 定义动画关键帧 */
}

.dialog {
  animation-name: dialog-animation;
  animation-duration: 1s;
}

.dialog.animated {
  /* 添加动画类名 */
}

.dialog.animated.animation-end {
  /* 动画结束后的样式 */
  display: none;
}

const dialog = document.getElementById('dialog'); // 获取对话框元素

dialog.addEventListener('animationend', () => {
  // 动画结束后关闭对话框
  dialog.style.display = 'none';
});

const dialog = document.getElementById('dialog'); // 获取对话框元素

gsap.to(dialog, {duration: 1, opacity: 0, onComplete: () => {
  // 动画结束后关闭对话框
  dialog.style.display = 'none';
}});