Question

tl，博士：如何在我的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

Answer 1

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

Answer 2

您可以使用javascript settimeout，也可以使用jquery everyTime

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

请参阅此问题以获取更多信息jquery "everyTime" function

如何在我的DIV中的两个不同页面之间切换？

2 个答案: