Html 每10秒在一个setinterval函数中单击2个不同的按钮后,是否可以在1个div中加载2个不同的PHP文件?

Html 每10秒在一个setinterval函数中单击2个不同的按钮后,是否可以在1个div中加载2个不同的PHP文件?,html,jquery,javascript-events,Html,Jquery,Javascript Events,我试图加载2个不同的php文件后,用户点击一定的间隔。 下面是代码片段,请帮助我完成此操作 function load_recent_popular(recent) { if( typeof load_recent_popular.counter == 'undefined' ) { load_recent_popular.counter = 0; } if(recent==1) { var loadUrl = "1.php";

我试图加载2个不同的php文件后,用户点击一定的间隔。 下面是代码片段,请帮助我完成此操作

function load_recent_popular(recent) {
    if( typeof load_recent_popular.counter == 'undefined' ) { 
        load_recent_popular.counter = 0;  
    }
    if(recent==1) {
        var loadUrl = "1.php"; 
        $("#box15").load(loadUrl); 
        load_recent_popular.counter = 0;  
    }
    else {
        var loadUrl = "2.php"; 
        $("#box15").load(loadUrl); 
        load_recent_popular.counter = 1;  
    }
    handle = setInterval(function() { 
        if(load_recent_popular.counter == 0) { 
            loadUrl = "1.php";  
        }
        else if(load_recent_popular.counter == 1) { 
            loadUrl = "2.php";  
        }
        $("#box15").load(loadUrl); 
    }, 10000);  
}

<a onClick="load_recent_popular(1)">Load 1</a><a onClick="load_recent_popular(2)">      Load 2</a>

<div id="box15"></div>
函数加载\u最近\u流行(最近){
如果(加载的类型\u最近的\u流行的.counter=='undefined'){
load_recent_popular.counter=0;
}
如果(最近==1){
var loadUrl=“1.php”;
$(“#box15”).load(loadUrl);
load_recent_popular.counter=0;
}
否则{
var loadUrl=“2.php”;
$(“#box15”).load(loadUrl);
load_recent_popular.counter=1;
}
handle=setInterval(函数(){
如果(load_recent_popular.counter==0){
loadUrl=“1.php”;
}
else如果(load_recent_popular.counter==1){
loadUrl=“2.php”;
}
$(“#box15”).load(loadUrl);
}, 10000);  
}
负载1负载2

我尝试为每个模块和插入的模块包含两个不同的时间间隔和两个不同的句柄,以在开始另一个模块之前清除一个时间间隔,但它不起作用,因此,如果有人也得到了解决方案,请共享。

您最终将运行多个计时器,但它看起来没有问题。对于计时器问题,您可以使用将计时器ID存储在
#box15
上,然后在启动新的计时器之前调用停止计时器ID。大概是这样的:

function load_recent_popular(recent) {
    var $box15 = $('#box15');
    var timer  = $box15.data('lrp_timer');
    if(timer)
        clearInterval(timer);

    if( typeof load_recent_popular.counter == 'undefined' ) { 
        load_recent_popular.counter = 0;  
    }
    if(recent==1) {
        var loadUrl = "1.php"; 
        $("#box15").load(loadUrl); 
        load_recent_popular.counter = 0;  
    }
    else {
        var loadUrl = "2.php"; 
        $("#box15").load(loadUrl); 
        load_recent_popular.counter = 1;  
    }
    $box15.data('lrp_timer', setInterval(function() { 
        if(load_recent_popular.counter == 0) { 
            loadUrl = "1.php";  
        }
        else if(load_recent_popular.counter == 1) { 
            loadUrl = "2.php";  
        }
        $("#box15").load(loadUrl); 
    }, 10000));
}
以及该技术的现场演示(更短的时间间隔,无AJAX):