javascript – AJAX jQuery – 每分钟更新一次内容

如果用户计算机上的系统时钟看起来像这样,我正在考虑一个每分钟刷新一次的时钟. 11:08:00,它会刷新和11:09:00等

我试过setInterval()：

setInterval(function(){
    $.ajax({
        url: "../time.PHP",context: document.body,success: function(result){
            $('.time').html(result);
        }
    })
},60000);

但它在页面加载后每分钟重新加载.

有什么解决方案吗？

解决方法

试试这段代码：

var interval    =   0;
function start(){
    setTimeout( function(){
        ajax_function();
        interval    =   60;
        setInterval( function(){
            ajax_function();
        },interval * 1000);
    },interval * 1000);    
}

function ajax_function(){
    $.ajax({
        url: "../time.PHP",success: function(result){
            $('.time').html(result);
        }
    }); 
}

$( window ).load(function(){
    var time    =   new Date();
    interval    =   60 - time.getSeconds();
    if(interval==60)
        interval    =   0;
    start();
});