html如何用JS自动弹出一个DIV

JavaScript013

html如何用JS自动弹出一个DIV,第1张

也就先做一个DIV。里面的内容都做好。

此DIV背后加一个mask层。

把这个DIv默认设置为隐藏。

JS里加一个定时器，每隔一分钟，设置为这个DIv的css样式中的display=block

<head>

    <title></title>

    <style type="text/css">

    .div1{position:absolutedisplay:none}

    .div2{position:absolutedisplay:none}

    </style>

    <script type="text/javascript">

        function div1Show() {

            var div1 = document.getElementById("div1")

            div1.style.display = ""

        }

        function div2Show() {

            var div1 = document.getElementById("div1")

            var div2 = document.getElementById("div2")

            div1.style.display = "none"

            div2.style.display = ""

        }

    </script>

</head>

<body>

    <div id="div1" class="div1">

    </div>

    <div id="div2" class="div1">

    <input type="button" value="btn2" id="btn2" onclick="div2Show()" />

    </div>

    <input type="button" value="btn1" id="btn1" onclick="div1Show()"/>

</body>

</html>