Javascript 在页面加载时弹出显示，然后在一定时间后消失

我有下面的弹出窗口，我想知道是否有任何方法可以让这个弹出窗口出现在页面加载上？那么，如果有任何方式，我可以让它自己关闭，而不必在一定时间后点击它

<div class="dashboard_welcome_help">
    <a class="admin_popup" href="javascript:void(0)">Click Here</a>
    <div class="admin_help_popup light_admin">
        <a class="close_admin_popup" href="javascript:void(0)">Close</a>
        <div id="indexpopupTitleWrap">
            <div id="indexpopupTitle">Have Questions?</div>
        </div>
        <div id="contactMessageStatus"></div>
    </div>
        <div class="white_overlay"></div>
</div>

---

您可以像这样使用setTimeout函数：

setTimeout(function(){
    $(".light_admin,.white_overlay").fadeOut("slow");
}, 2000);

---

第一个参数是要执行的函数，第二个参数是执行前等待的毫秒数。

您可以像这样使用setTimeout函数：

setTimeout(function(){
    $(".light_admin,.white_overlay").fadeOut("slow");
}, 2000);

---

第一个参数是要执行的函数，第二个参数是执行前等待的毫秒数。

您可以像这样使用setTimeout函数：

setTimeout(function(){
    $(".light_admin,.white_overlay").fadeOut("slow");
}, 2000);

---

第一个参数是要执行的函数，第二个参数是执行前等待的毫秒数。

您可以像这样使用setTimeout函数：

setTimeout(function(){
    $(".light_admin,.white_overlay").fadeOut("slow");
}, 2000);

---

第一个参数是要执行的函数，第二个参数是在执行它之前等待的毫秒数。

使用jQuery的

delay

函数

$(".myPopup").delay( 5000 ).fadeIn("slow");

---

delay

函数在执行

delay

调用后的操作之前，取您希望的毫秒值

使用jQuery的

delay

函数

$(".myPopup").delay( 5000 ).fadeIn("slow");

---

delay

函数在执行

delay

调用后的操作之前，取您希望的毫秒值

使用jQuery的

delay

函数

$(".myPopup").delay( 5000 ).fadeIn("slow");

---

delay

函数在执行

delay

调用后的操作之前，取您希望的毫秒值

使用jQuery的

delay

函数

$(".myPopup").delay( 5000 ).fadeIn("slow");

---

delay

函数在执行

delay

调用后的操作之前，取您希望的毫秒值

使用javascript setTimeout

    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }

    $(document).ready(function () {

        var index = getParameterByName("queryString"); // example your url : http://xxx.aspx?queryString=Index


        // Check
        if (index == "Index") {
            // On Load Show
            $(".light_admin,.white_overlay").fadeIn("slow");

            // Set time Out 5 second
            setTimeout(function () { $(".light_admin,.white_overlay").fadeOut("slow"); }, 5000);
        }

        $('.admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeIn("slow");
        });

        $('.close_admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeOut("slow");
        });

    });

---

您可以使用javascript设置超时

    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }

    $(document).ready(function () {

        var index = getParameterByName("queryString"); // example your url : http://xxx.aspx?queryString=Index


        // Check
        if (index == "Index") {
            // On Load Show
            $(".light_admin,.white_overlay").fadeIn("slow");

            // Set time Out 5 second
            setTimeout(function () { $(".light_admin,.white_overlay").fadeOut("slow"); }, 5000);
        }

        $('.admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeIn("slow");
        });

        $('.close_admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeOut("slow");
        });

    });

---

您可以使用javascript设置超时

    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }

    $(document).ready(function () {

        var index = getParameterByName("queryString"); // example your url : http://xxx.aspx?queryString=Index


        // Check
        if (index == "Index") {
            // On Load Show
            $(".light_admin,.white_overlay").fadeIn("slow");

            // Set time Out 5 second
            setTimeout(function () { $(".light_admin,.white_overlay").fadeOut("slow"); }, 5000);
        }

        $('.admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeIn("slow");
        });

        $('.close_admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeOut("slow");
        });

    });

---

您可以使用javascript设置超时

    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }

    $(document).ready(function () {

        var index = getParameterByName("queryString"); // example your url : http://xxx.aspx?queryString=Index


        // Check
        if (index == "Index") {
            // On Load Show
            $(".light_admin,.white_overlay").fadeIn("slow");

            // Set time Out 5 second
            setTimeout(function () { $(".light_admin,.white_overlay").fadeOut("slow"); }, 5000);
        }

        $('.admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeIn("slow");
        });

        $('.close_admin_popup').on('click', function () {
            $(".light_admin,.white_overlay").fadeOut("slow");
        });

    });

---

我自己试着换掉我的jQuuery，就像这样，但都不起作用<代码>设置超时（函数（）{$（“.light\u admin，.white\u overlay”）.fadeOut（“slow”）；}，2000）；$（'.admin_popup'）。在（'click'，function（）{$（“.light_admin，.white_overlay”）.fadeIn（“slow”）；}）$（'.close_admin_popup'）。打开（'click'，function（）{$（“.light_admin，.white_overlay”）。淡出（“slow”）；}我通过替换jQuuery自己尝试了这一点，就像这样，但都不起作用<代码>设置超时（函数（）{$（“.light\u admin，.white\u overlay”）.fadeOut（“slow”）；}，2000）；$（'.admin_popup'）。在（'click'，function（）{$（“.light_admin，.white_overlay”）.fadeIn（“slow”）；}）$（'.close_admin_popup'）。打开（'click'，function（）{$（“.light_admin，.white_overlay”）。淡出（“slow”）；}我通过替换jQuuery自己尝试了这一点，就像这样，但都不起作用<代码>设置超时（函数（）{$（“.light\u admin，.white\u overlay”）.fadeOut（“slow”）；}，2000）；$（'.admin_popup'）。在（'click'，function（）{$（“.light_admin，.white_overlay”）.fadeIn（“slow”）；}）$（'.close_admin_popup'）。打开（'click'，function（）{$（“.light_admin，.white_overlay”）。淡出（“slow”）；}我通过替换jQuuery自己尝试了这一点，就像这样，但都不起作用<代码>设置超时（函数（）{$（“.light\u admin，.white\u overlay”）.fadeOut（“slow”）；}，2000）；$（'.admin_popup'）。在（'click'，function（）{$（“.light_admin，.white_overlay”）.fadeIn（“slow”）；}）$（'.close_admin_popup'）。打开（'click'，function（）{$（“.light_admin，.white_overlay”）。淡出（“slow”）；}太棒了！你知道有没有办法让这个弹出窗口只出现在某个目的地？比如说我来自索引页面，那么这将是它显示的唯一实例？您可以使用querystring来确定需要显示的页面和不显示的页面。。。更新代码太棒了！你知道有没有办法让这个弹出窗口只出现在某个目的地？比如说我来自索引页面，那么这将是它显示的唯一实例？您可以使用querystring来确定需要显示的页面和不显示的页面。。。更新代码太棒了！你知道有没有办法让这个弹出窗口只出现在某个目的地？比如说我来自索引页面，那么这将是它显示的唯一实例？您可以使用querystring来确定需要显示的页面和不显示的页面。。。更新代码太棒了！你知道有没有办法让这个弹出窗口只出现在某个目的地？比如说我来自索引页面，那么这将是它显示的唯一实例？您可以使用querystring来确定需要显示的页面和不显示的页面。。。更新了代码