甜蜜警报JS库-修改动画速度

Question

我想让 Sweet Alert 弹出的动画速度慢一点。我试图在所有地方、文件、网络、论坛中搜索，但没有那么成功。我怎样才能降低动画速度？

Answer 1

您是否尝试在您的 quelltext 中搜索这样的代码：

 animation: animateSuccessTip 0.75s;

我认为您应该尝试更改具有此 "s"（我猜是秒）后缀的值。把它改成一个高值，然后检查它是否正确。

Answer 2

不支持原版sweet alert插件，建议使用SweetAlert2插件。

迁移很简单，这里是迁移指南：Migration from SweetAlert to SweetAlert2

在 SweetAlert2 中，您可以通过重写 .swal2-show class:

来更改动画速度

Swal.fire({
  title: 'Custom animation speed',
  customClass: 'slow-animation'
})

.slow-animation {
  animation: swal2-show 3s !important; 
}

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

Sweet alert JS library - modify animation speed