Javascript jQuery setTimeout。 需要一段时间后弹出窗口消失

Question

我正在使用以下代码显示弹出窗口：

function validatePlaces()
{
    $(document).ready(function(){
        //open popup
        $("#pop").ready(function(){
            $("#overlay_form").fadeIn(1000);
            positionPopup();
        });

        //close popup
        $("#close").click(function(){
            $("#overlay_form").fadeOut(4500);
        });
    });

    //position the popup at the center of the page
    function positionPopup()
    {
        if(!$("#overlay_form").is(':visible'))
        {
            return;
        }
        $("#overlay_form").css({
            left: ($(window).width() - $('#overlay_form').width()) / 2,
            top: ($(window).width() - $('#overlay_form').width()) / 7,
            position:'absolute'
        });
    }
    //maintain the popup at center of the page when browser resized
    $(window).bind('resize',positionPopup);


    var placeValue = document.getElementById("form1:placeId").value;
    var countryValue = document.getElementById("form1:countryId").value;
    var continentValue = document.getElementById("form1:continentId").value;

    if(placeValue=="Name Of Places?"||placeValue==" ")
    {
        //alert("Please enter your search place name... ");
        pop(); 
        return false;
    }


    return true;
}

问题：页面自动刷新，弹出窗口很快消失，因此我需要设置setTimeout。 或者，如果有其他解决方案，请提供。 请帮忙...

页面自动刷新。我不知道为什么。

使用的流行表格代码：

<form id="overlay_form" style="display:none; opacity:0.8; background-color: gray; border-
    radius:10px; height:65px; margin-top: 12%; width:350px;"> 
    <img border="0" src="../../resources/images/error.png" alt="" width="30" height="22"/> 
    <p style="font-family:times new roman ; font-size:18px; color: white;"> 
       Enter your search place name...</p> 
    <a href="#" id="close" style="color: black;"><b>Close</b></a> 
</form>

Answer 1

使用List.js时，我遇到了一个非常类似的问题，即单击“排序”后，页面将立即刷新。 数小时后，我尝试将form元素更改为div并对此进行了修复。 我认为它的行为就好像它已提交一样。 我知道已经晚了，但是其他人请尝试将表格更改为div。 它将停止页面刷新。

Answer 2

//5000 is the time in mili seconds after which you want to hide the popup
$("#overlay_form").fadeIn(1000).delay(5000).fadeOut(1000);