How to create a dialog with jQuery that disappears after 3 seconds?

Question

My buttons class: button-stg

My script:

$(document).ready(function(){
    $(".button-stg").click(function(event) {
        event.preventDefault();
        $.ajax($(this).attr('href')).done(function(response) {

        });
    });
});

How do I add this script if I would like to create a popup or dialog containing "Random Text" that disappears after 3 seconds?

Answer 1

Use jquery .fadeOut()

$('.popup').fadeOut(3000);

http://jsfiddle.net/gf4vpn9s/3/

or delay combination ()

 $('.popup').delay(3000).fadeOut();

http://jsfiddle.net/gf4vpn9s/2/

Answer 2

You can use the setTimeout funtion function for your code like this

setTimeout(function(){
    $(dialog).close();
}, 5000);

Remember that this is a modal class or identifier.