Breaking News: Grepper is joining You.com. Read the official announcement!

close popup after 5 seconds in jquery

Drab Dotterel answered on June 29, 2022 Popularity 4/10 Helpfulness 2/10

answer close popup after 5 seconds in jquery

close popup after 5 seconds in jquery

Comment

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"
    rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("#btnShow").click(function () {
            $("#dialog").dialog({
                modal: true,
                title: "jQuery Dialog",
               width: 300,
                height: 150,
                open: function (event, ui) {
                    setTimeout(function () {
                        $("#dialog").dialog("close");
                    }, 5000);
                }
            });
        });
    });
</script>
<input type="button" id="btnShow" value="Show Popup" />
<div id="dialog" style="display: none">
    This dialog will automatically close in 5 seconds.
</div>

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript jquery popup seconds

Link to this answer
Share Copy Link

Contributed on Jun 29 2022

Drab Dotterel

0 Answers Avg Quality 2/10

close popup after 5 seconds in jquery

Contents

More Related Answers

close popup after 5 seconds in jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.