如何在我的DIV中的兩個不同頁面之間切換？

tl，dr：如何在我的DIV中的兩個不同頁面之間旋轉？如何在我的DIV中的兩個不同頁面之間切換？

嗨，我目前使用下面的代碼（謝謝你的互聯網！）刷新頁面上的DIV PageThatGetsRefreshed.asp。所有這一切都很有名。

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"> 
    </script> 
    <script> 
      $.ajaxSetup ({ cache: false }); 
      var auto_refresh = setInterval(
      function() 
      { 
      $('#container').load('PagethatGetsRefreshed.asp')}, 10000); 
</script> 
</head> 
<body> 
    <div id="container"> 
     <font size="4" face="arial" color="grey"> <i>Page </i></font> 
    </div> 
</body>

我想現在要做的就是在DIV兩個不同的網頁之間旋轉。 IE中。 page1.asp顯示10秒，然後更改爲page2.asp 10秒，然後返回page1.asp。

jquery很新，所以我不能爲我的生活弄清楚我應該如何完成這件事。我相信我應該寫一個全局變量來指示當前加載了哪個頁面，然後使用IF/Else來加載其他頁面並更改變量，但是我無法讓它工作，Grrrr。

另外，有人可以告訴我這裏的腳本是否繼續運行，以便var auto_refresh始終保持活動狀態，或者每次腳本運行時都會丟失並重新啓動？

謝謝大家 KG

來源

2012-04-03 kgjunk

var frs = true; 
$.ajaxSetup ({ cache: false }); 

var auto_refresh = setInterval(function(){ 
    var pg = (frs)?"page1.asp":"page2.asp"; // if(frs==true){pg = page1.asp}else{... 
    frs = !frs ; // negation of frs 
    $('#container').load(pg)}, 10000);

來源

2012-04-03 12:34:20 mgraph

這完美的作品。必須將$ var更改爲var。我將如何擴展到第三頁？非常感謝！ – kgjunk 2012-04-03 13:31:57

我得到以下工作。可能不夠高雅，但它可以工作'var frs = 1; $ .ajaxSetup（{cache：false}）; var auto_refresh = setInterval（function（）{if（frs == 1）{var pg =「Page_1.asp」; frs = 2;} else if（frs == 2）{var pg =「Page_2.asp」; frs = 3;} else if（frs == 3）{var pg =「Page_3.asp」; frs = 1;} else {var pg =「Page_1.asp」; frs = 3;}（'#container'）。載荷（pg）}，2000）; ' – kgjunk 2012-04-03 16:14:28

@kgjunk你的代碼沒問題 – mgraph 2012-04-03 16:28:22

您可以使用JavaScript的setTimeout或者您可以使用jQuery每次

//pseudo code 
setInterval(function() { 
    if (page1) { 
     page2.show(); 
    } 
}, 10000)

轉問這個問題的更多信息jquery "everyTime" function

來源

2012-04-03 12:34:30

如何在我的DIV中的兩個不同頁面之間切換？

回答

相關問題