sweetalert2加载弹窗定时自动关闭显示剩余时间

最新推荐文章于 2024-08-10 07:31:01 发布

请叫我算术嘉

最新推荐文章于 2024-08-10 07:31:01 发布

阅读量9.5k

点赞数 1

分类专栏： SweetAlert2 文章标签： sweetalert2

本文链接：https://blog.csdn.net/ssjdoudou/article/details/104211421

版权

SweetAlert2 专栏收录该内容

3 篇文章

订阅专栏

默认是毫秒级的

Swal.fire({
  title: 'Auto close alert!',
  html: 'I will close in <b></b> milliseconds.',
  timer: 2000,
  timerProgressBar: true,
  onBeforeOpen: () => {
    Swal.showLoading()
    timerInterval = setInterval(() => {
      const content = Swal.getContent()
      if (content) {
        const b = content.querySelector('b')
        if (b) {
          b.textContent = Swal.getTimerLeft()
        }
      }
    }, 100)
  },
  onClose: () => {
    clearInterval(timerInterval)
  }
}).then((result) => {
  /* Read more about handling dismissals below */
  if (result.dismiss === Swal.DismissReason.timer) {
    console.log('I was closed by the timer')
  }
})

改成秒级的

Swal.fire({
  title: 'Auto close alert!',
  html: 'I will close in <b></b> milliseconds.',
  timer: 2000,
  timerProgressBar: true,
  onBeforeOpen: () => {
    Swal.showLoading()
    timerInterval = setInterval(() => {
      const content = Swal.getContent()
      if (content) {
        const b = content.querySelector('b')
        if (b) {
          b.textContent = parseInt(Swal.getTimerLeft() / 1000)
        }
      }
    }, 100)
  },
  onClose: () => {
    clearInterval(timerInterval)
  }
}).then((result) => {
  /* Read more about handling dismissals below */
  if (result.dismiss === Swal.DismissReason.timer) {
    console.log('I was closed by the timer')
  }
})