按时间顺序加载 div 中的页面答案

【问题标题】：senquentially loading pages in divs by time按时间顺序加载 div 中的页面
【发布时间】：2025-12-14 19:30:01
【问题描述】：

我正在尝试在 div 中加载一些页面，每个页面都按时加载。让我解释一下……

我有一张桌子...

    <table id="table4">
    <tr>
        <td>Id:</td>
        <td>Nome:</td>
    </tr>
    <tr>
        <td>1515</td>
        <td>Thiago</td>
    </tr>
    <tr>
        <td>2015</td>
        <td>Guttierre</td>
    </tr>
</table>

每个“id”代表一个链接的一部分。像这样……

http://test.com/1515

我将此页面 (http://test.com/1515) 加载到 DIV 中。

重点是...我必须将加载到 div 的第一页 (http://test.com/1515) 更改为下一页 (http://test.com/2015)。根据表格。

如何设置更改 DIV 内容的时间？

谢谢，

蒂亚戈。

/////////////////////////////////////// ////////////////////////////////////////p>

伙计们，我想这样做......

将页面加载到 DIV...

$("#dialog").load('www.test.com/' + 1515 + '.aspx');

90 秒后，DIV 加载另一个值...

$("#dialog").load('www.test.com/' + 2015 + '.aspx');

我不能这样做，我不知道为什么。我做了一个测试......

$("#loadedPage").fadeOut(50000);

它只在最后一个加载页面后淡出。帮我！。请！

【问题讨论】：

我认为这需要进一步解释——也许显示“之前”和“之后”代码？并且不确定您所说的“设定改变的时间”是什么意思。
如果 Id 和 Nome 是表头，那么你应该使用否则你可能会遇到样式问题。

标签： javascript jquery

【解决方案1】：

如果你想在计时器上设置一些东西，你可以使用 JavaScript 的 setTimeout 或 setInterval 方法：

setTimeout ( expression, timeout );
setInterval ( expression, interval );

其中expression 是一个函数，timeout 和interval 是以毫秒为单位的整数。 setTimeout 运行一次计时器并运行一次 expression 而 setInterval 将运行 expression 每次 interval 通过。

所以在你的情况下，它会像这样工作：

setTimeout(function() {
    //set the contents of the div
}, 5000); //5 seconds

【讨论】：

【解决方案2】：

对于那些有同样问题的人。我是如何修复它的（以我的方式）...

 e.preventDefault();
    //Define as variáveis
    var aux = 2;
    var IdOsArray = new Array(); // 
    var idSOS = $("#table4 tr:nth-child(" + aux + ") td:nth-child(1)").text();
    var i = 0;


    //Verify on table
    while ((idSOS != "") && (idSOS != undefined) && (idSOS != null) && (idSOS != "Número")) {
        IdOsArray[i] = $("#table4 tr:nth-child(" + aux + ") td:nth-child(1)").text();
        idSOS = IdOsArray[i];
        i++; aux++;
    };


    i = 0;
    function _(i) {
        idSOS = IdOsArray[i];
        $("#dialog,#closediv").css({ 'display': 'none' });
        if ((idSOS != "") && (idSOS != undefined) && (idSOS != 'undefined') && (idSOS != null) && (idSOS != "Número")) {
            _show(idSOS);
            setTimeout(function() {

                i++;
                return _(i)
            }, 10000);
        } //end IF

        else { _hide() };

    };

    _(i);

    function _show(idSOS) {

        var maskHeight = "99%";
        var maskWidth = "99%";
        $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

        //efeito de transição
        $('#mask').fadeIn(800);
        $("#dialog").fadeIn(1600);
        $('#mask').fadeTo("slow", 1);
        $('#dialog').fadeTo("slow", 1);
        $("#dialog, #mask,#closediv").css({ 'display': 'block' });

        //armazena a largura e a altura da janela
        var winH = $(window).height();
        var winW = $(window).width();
        //centraliza na tela  a janela popup
        $("#dialog, #mask").css('top', '2px');
        $("#dialog, #mask").css('left', '2px');

        //Modal Content

        $("#dialog").load('http://localhost/superdata/osview/osview.aspx?sos=' + idSOS);



    }

    function _hide() {
        $('#mask,#closediv,.window').hide();
    };

    //close click
    $('#mask,#closediv,.window').click(function GetOut(e) {
        _hide();
    });



});

【讨论】：