toastrjs - 悬停后更新计时器

Question

悬停后，我在 toastrjs 中找不到任何正确的方法来更新计时器。我将 extendedTimeOut 确定为 0，以便在我将鼠标悬停在它上面时不关闭 toastr。 toastr 的超时是 10000 毫秒，但是当我完成悬停时，toastr 立即隐藏起来。在我完成悬停后显示 toastr 10000 毫秒的正确方法是什么。

我的 toastr 属性示例：

const inboxToastr = toastr;
inboxToastr.info(data.bubbleData, title, {
    "tapToDismiss": false,
    "closeButton": true,
    "newestOnTop": false,
    "progressBar": false,
    "positionClass": "toast-bottom-left", //position
    "preventDuplicates": false,
    "onclick": null,
    "showDuration": "300",
    "hideDuration": "1000",
    "timeOut": "10000",
    "extendedTimeOut": "0",
    "hideEasing": "linear",
    "iconClass": "background-gray"
});

Answer 1

使用 timeout 10000 和 extendedTimeOut 10000 以及其他默认选项似乎可以正常工作，10 秒后自动关闭，悬停时保持显示并在悬停后隐藏 10 秒。

$(function() {
  toastr.info("Title", 'Subtitle', {
    timeOut: 10000,
    extendedTimeOut: 10000,
    progressBar: true
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />

toastrjs - 悬停后更新计时器

toastrjs - renew timer after hovering

javascript

toastr