如何设置ToastMessage的显示时间?

时间:2013-10-10 13:10:32

标签: javascript jquery toast

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

我想在5秒内显示此信息。但我不知道如何设置显示时间。 我知道如何设置延迟时间。我使用过.fade Out方法,但它不起作用。我还有麻烦。帮助我

我想在5秒内显示此信息。但我不知道如何设置显示时间。 我知道如何设置延迟时间。我使用过.fade Out方法,但它不起作用。我还有麻烦。帮助我

2 个答案:

答案 0 :(得分:1)

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

不仅是时间,还有外观和感觉,通过传递烤箱设置如下

  

$。多士炉({settings:{...}});

例如,要设置超时属性,可以在参数下面传递

  

$。多士炉({设置:{'超时':5000}});

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

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

  。

$ toaster.reset();

对于其他设置选项,您可以visit this link

答案 1 :(得分:0)

我不知道如何工作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);