senquential загрузка страниц в divs по времени

Question

Я пытаюсь загрузить некоторые страницы в divs, каждый из которых в свое время. Позвольте мне объяснить ...

У меня есть таблица ...

<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> 

Каждый «идентификатор» представляет собой часть ссылки. Как это ...

http://test.com/1515

Я загрузил эту страницу (http://test.com/1515) в DIV.

Дело в том, что я должен изменить первую страницу, загруженную в div (http://test.com/1515), для следующей страницы (http://test.com/2015). Согласно таблице.

Как установить время для изменения содержимого DIV?

Thanks,

Thiago.

////////////////////////////////////////////// ////////////////////////////////////

Ребята, я хочу это сделать ... .

Загрузите страницу в DIV ...

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

Через 90 секунд DIV загружает другое значение ...

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

Я не могу это сделать, Я не знаю, почему. Я сделал тест с ...

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

И он только исчез после последней загруженной страницы. Помоги мне!. Пожалуйста!

Answer 1

Для тех, кто имеет те же проблемы. Как я его исправил (по-моему) ...

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(); 
    }); 



}); 

Answer 2

Если вы хотите установить что-то на таймере, вы можете использовать в 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