javascript - JQuery每个setInterval重复问题

Question

我正在使用带有 jQ​​uery 的设置间隔函数来循环浏览日历上的时间列表，以便可以刷新各个 div。首先，我将此代码放在通过 Ajax 调用的页面上，但该函数永远不会接收到新的日期变量集。它只会识别它在页面首次加载时看到的变量。

然后我将代码添加到主页上的单击事件中，但是每次我选择一个新日期时，该函数都会再次运行，使用第一个日期，然后使用第二个日期。

    $date = $_GET['date'];

    jQuery(function() {

    var data = {'9:30','10:30'};

    var date1 = $date;

 $.each(data, function(key, date1) {

   $("#"+key).load(\'cal.php?a=appointment&time=\'+key+\'&date=\'+date1+\'&x=\' + (new Date()).getTime());

  var refreshId = setInterval(function() {
    $("#"+key).load(\'cal.php?a=appointment&time=\'+key+\'&date=\'+date1+\'&x=\' + (new Date()).getTime());
  }, 9000);

 });

Answer 1

看起来你“过度转义”了一些字符串。试试这个代码：

$date = $_GET['date'];

function Callback(key, data)
{
    $("#"+key).load("cal.php?a=appointment&time=" + key + "&date=" + date1 + "&x=" + new Date().getTime());
}

jQuery(function() {

var data = {'9:30','10:30'};
var date1 = $date;

$.each(data, function(key, date1) {

    Callback(key, data1);

    var refreshId = setInterval(function() {
        Callback(key, data1);
    }, 9000);

});