javascript - documentacion - toastr js ejemplos

Toastr JS Configuración del valor de fadeAway

Question

Estoy usando un proyecto de alerta js library: https://github.com/CodeSeven/toastr

Quería desvanecer el siguiente cambio después de un período de tiempo. Mirando el archivo toastr.js, veo que las opciones están ahí. Simplemente no sé cómo acceder a la propiedad ''fadeAway''

toastr.info(''Processing...'');

Lo intenté

toastr.info(''Processing...'', fadeAway:1000);

¿Cómo uso fadeAway pasando un parámetro?

Answer 1

Antes de llamar a toastr.info, configure la opción que elija. Por ejemplo:

toastr.options.fadeOut = 2500;

Puedes ver muchas de las opciones en la demo aquí: toastr demo

Estos son los valores por defecto. Puedes anular muchos de ellos:

options = {
  tapToDismiss: true,
  toastClass: ''toast'',
  containerId: ''toast-container'',
  debug: false,
  fadeIn: 300,
  fadeOut: 1000,
  extendedTimeOut: 1000,
  iconClass: ''toast-info'',
  positionClass: ''toast-top-right'',
  timeOut: 5000, // Set timeOut to 0 to make it sticky
  titleClass: ''toast-title'',
  messageClass: ''toast-message''
}

Answer 2

Con la versión 2.0.3, haga lo siguiente para alargar la visualización del toastr:

toastr.success(''Hello World'', ''New Message'', { timeOut: 9500 });

Answer 3

También puede pasar cualquier opción en un parámetro. Pero el parámetro debe ser un objeto. Para tu ejemplo puedes usar esto:

toastr.info(''Processing...'', { fadeAway: 1000 });

PD: también tenga en cuenta que fadeAway está en desuso en la versión actual (2.0.3).