Question

大多数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，所以吐司不会同时出现。

你能指点我看一些类似的例子吗？可以做到这一点。从某种意义上说是定时消息。

Answer 1

你可以遍历数组并调用toastr ['info']或toastr ['warning']（例如，将i映射到info）。如果延迟，您可以使用超时并将消息延迟2000毫秒。

timeout(toastr['info']('your message'), 2000);

Answer 2

这是你需要的确切事情

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"
}

使用toastr超时

2 个答案: