Toastr JS Setting fadeAway value

问题:

I am using a cool alert js library Project: https://github.com/CodeSeven/toastr

I wanted to fadeOut the following alter after a period of time. Looking at the toastr.js file, I do see the options are there. I just dont know how to access the property 'fadeAway'

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

I tried

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

How do I use the fadeAway by passing in a parameter ?

回答1:

Before you call toastr.info, set the option you choose. For example:

toastr.options.fadeOut = 2500; 

You can see many of the options in the demo here: toastr demo

These are the defaults. You can override many of them:

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

回答2:

With version 2.0.3 you do the following to make the toastr display longer:

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

回答3:

You can also pass any options in a parameter. But the parameter must be an object. For your example you can use this:

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

PS: also keep in mind that fadeAway is deprecated in the current version (2.0.3).

文章来源: Toastr JS Setting fadeAway value