How do I dismiss a Rails flash message after some duration?

Question

I would like to set the number of seconds a flash notice is shown to the user, before it is automatically dismissed.

Answer 1

You can use some simple JavaScript on your page (using jQuery in this example):

$('document').ready(function() {
  setTimeout(function() {
    $('#flash').slideUp();
  }, 3000);
});

Assuming the id of the HTML element holding your flash message is #flash, this will slide it up and hide it after 3000 milliseconds (3 seconds).

Answer 2

Just combining what @LouisSimoneau and @rlecaro2 already mentioned – I currently use:

function clearNotice(){
  $(".notice").animate({opacity:'0'}, 1500);
}

Note that if your using rails 4 with turbolinks, you'll need to call it from a ready function:

$(document).ready(ready);
$(document).on('page:load', ready);

var ready = function() {    
   setTimeout(clearNotice, 1000);  //Flash fade
};