javascript - 如何设置 ToastMessage 的显示时间？

Question

  setTimeout(function () { showToastMessage("Guest added successfully test2").fadeOut(4000);});

我想显示此消息最多 5 秒。但我不知道如何设置显示时间。我知道如何设置延迟时间。我使用了 .fade Out 方法，但它不起作用。我仍然有麻烦。帮我

score 2 · Accepted Answer

您可以根据需要自定义 JQuery 烤面包机。

通过如下方式传递烤面包机设置，不仅是时间，还有外观和感觉

$.toaster({ 设置: {...} });

例如，要设置超时属性，您可以传递以下参数，

$.toaster({ 设置: {'timeout': 5000} });

此设置只需执行一次。您可以随时更改设置。

或者您可以清除所有自定义更改并恢复为默认设置，如下所示

$.toaster.reset();

对于其他设置选项，您可以访问此链接。

score 1 · Accepted Answer

我不知道 showToastMessage 函数是如何工作的，但看起来这个函数返回 jQuery 对象，所以你可以使用.delay方法

showToastMessage("Guest added successfully test2")
    .delay(5000)
    .fadeOut(4000);

或者没有 jQuery 魔法，你可以保存 jQuery toast 对象并在超时后调用 fadeOut

var $toast = showToastMessage("Guest added successfully test2");
setTimeout(function(){
    $toast.fadeOut(4000);
}, 5000);

2 回答 2