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).