2

大多数 toastr 演示只是客户端。

如果我得到这个 json 数据的服务器推送

   [
    {"msg": "Mortgage bill paid", "t": "i"}
    {"msg": "Account Balance below $3000", "t": "i"}
    {"msg": "Received Car payment request", "t": "w"}
    ]

我将如何使用 toastr 阅读项目并为 1 和 2 发布“信息”,为 3 发布“警告”,右下角是可以的。我想在吐司之间延迟 2000 年,这样吐司就不会同时出现。

你能指出我显示类似内容的示例吗?烤面包机可以做到这一点。某种意义上的定时消息传递。

4

2 回答 2

8

我猜这正是你需要的东西

setTimeout((function() {
   toastr.info('MESSAGE TITLE', 'message content', {options});
}), delay);

toastr.options = {
  "closeButton": true,
  "debug": false,
  "newestOnTop": false,
  "progressBar": false,
  "positionClass": "toast-top-center",
  "preventDuplicates": false,
  "onclick": null,
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "5000",
  "extendedTimeOut": "1000",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut"
}
于 2015-09-30T13:58:53.207 回答
2

您可以遍历数组并调用 toastr['info'] 或 toastr['warning'] (例如,将 i 映射到 info)。对于延迟,您可以使用超时并将每个消息延迟 2000 毫秒。

timeout(toastr['info']('your message'), 2000);
于 2013-11-12T21:22:55.220 回答