Javascript 如何每30秒更改一次模式弹出窗口？

我有一个名为modalpage的div id
还有css。我需要一个javascript函数，可以动态显示20分钟的弹出窗口，并在每30秒的变化现在我有以下javascript函数。有人能帮我吗

<script language="javascript" type="text/javascript">
function revealModal(divID)
{
    window.onscroll = function () { 
        document.getElementById(divID).style.top = document.body.scrollTop;
    };
    document.getElementById(divID).style.display = "block";
    document.getElementById(divID).style.top = document.body.scrollTop;
}

但这不起作用，它每次都会显示模块化的_3。是不是因为三个div都在同一个文件中

<input id="Button1" type="button" value="Click heres" onclick="revealModal('modalPage_*')" />

---

首先，不要将设置的间隔放在函数中。这将在第一次单击时启动一个永无止境的循环，该循环将持续触发它传递的div id

您可能应该做的是保留一个应该更新的id数组，并在函数中循环使用它

var divs = [];

function addID(id)
{
    divs.push(id);
}

function revealModal()
{
    for(var i = 0; i < divs.length; i ++)
    {
        var div = getElementById('modalPage_' + divs[i]);

        window.onscroll = function () { 
            div.style.top = document.body.scrollTop; 
        }

        div.style.display = "block";
        div.style.top = document.body.scrollTop;
    }
}

setInterval(function(){revealModal()},1000);

---

当然，在调用jquery库之前，您需要调用jquery库才能正常工作。

您所说的“更改”是什么意思？因此，每隔30秒就会出现一个新的弹出窗口。我有20个div标记，每30秒应该更改一次。如果您的函数执行任何需要的操作，只需使用setInterval（）一遍又一遍地叫它。@SoftwareDeveloper 20个div标签应该“更改”到底是什么意思。以什么方式改变？

<input id="Button1" type="button" value="Click heres" onclick="revealModal('modalPage_*')" />

var divs = [];

function addID(id)
{
    divs.push(id);
}

function revealModal()
{
    for(var i = 0; i < divs.length; i ++)
    {
        var div = getElementById('modalPage_' + divs[i]);

        window.onscroll = function () { 
            div.style.top = document.body.scrollTop; 
        }

        div.style.display = "block";
        div.style.top = document.body.scrollTop;
    }
}

setInterval(function(){revealModal()},1000);

<input id="Button1" type="button" value="Click heres" onclick="addID('1')" />
<input id="Button2" type="button" value="Click heres" onclick="addID('2')" />
<input id="Button3" type="button" value="Click heres" onclick="addID('3')" />

$(document).ready(function(){
    $(window).scroll(function(){
        $('.modal').css('top', $(window).scrollTop() + 'px');
    });

    $('.modal').on('click', function(){
        $(this).css('display', 'block');
    });
});