AJAX jQuery - обновлять содержимое каждую минуту

Question

Я думаю о часах, которые будут обновляться каждую минуту, если системные часы на компьютере пользователя будут выглядеть следующим образом. 11:08:00, он будет обновлять и т.д. 11:09:00

Я судимые к setInterval():

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

Но это перегрузочные каждую минуту после загрузки страницы.

Есть ли решение?

Answer 1

Попробуйте этот код:

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", 
     context: document.body, 
     success: function(result){ 
      $('.time').html(result); 
     } 
    }); 
} 

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

Answer 2

setInterval() не будет вызывать свою функцию немедленно, при первом запуске функции в этом случае будет 60 секунд после загрузки страницы. Вы можете внести следующие изменения, чтобы получить результат, который вы ищете:

• Место ваш запрос AJAX в функции
• Вызов функции, как только страница загрузится
• Используйте setTimeout() в функции успеха .ajax(), а не setInterval() вокруг всего этого. Если с запросом есть ошибка, setInterval() будет выполняться независимо, но setTimeout() не будет отображаться до тех пор, пока запрос не будет успешным.
• Разделите результат, отведя секунды, и если результат отличается от того, что уже находится в .time, измените его. Это предполагает, что result является строкой, как 11:08:00
• Если вы хотите, чтобы признать, когда сервер возвращает время, когда минутная изменилось, вы должны проверить его каждый второй

function update(){ 
    $.ajax({ 
     url: "../time.php", 
     context: document.body, 
     success: function(result){ 
      var secondless = result.split(':'), $time = $('.time'); 
      secondless = secondless [0]+':'+secondless [1]; 
      $time.html(function(_,v){ 
       return secondless != v ? secondless : v 
      } 
      setTimeout(update, 1000); 
     } 
    }) 
} 
update(); 

Answer 3

var d = new Date(); 
var n = d.getSeconds(); 
while(n != 0){ 
    d = new Date(); 
    n = d.getSeconds(); 
    if(n == 0){ 
     setInterval(function(){ 
      $.ajax({ 
       url: "../time.php", 
       context: document.body, 
       success: function(result){ 
        $('.time').html(result); 
       } 
      }) 
     }, 60000); 
    } 
} 

Answer 4

Если вы хотите запустить свою функцию точно в минуту в зависимости от системного времени пользователя, вам необходимо создать экземпляр объекта Date time и проверить текущее состояние getSeconds(), если оно равно 0, то вы точно на t он минуту, если нет, вам нужно вычесть его результат из 60, а затем передать это в setTimeout, который будет вызывать функцию setInterval точно в минуту.

Crude example;

var time = new Date(); 
var timeout = 0; 

if (time.getSeconds() != 0) { 
    timeout = (60 - time.getSeconds()); 
} 

setTimeout(function(){ 

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

}, timeout); 

Альтернативный пример для кода игроков в гольф;

setTimeout(function(){ 

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

}, (60 - new Date().getSeconds())); 

Answer 5

Если я правильно undestood, вы можете проверить с часами в первый раз, когда действие запускается и использовать seTimeout стрелять setInterval точно, когда часы достигает следующего hh:mm:00.

Answer 6

user2703250 почти получил это право, пожалуйста, см отредактирован verison ниже:

var d = new Date(); 
var n = d.getSeconds(); 
while(n !== 0){ 
d = new Date(); 
n = d.getSeconds(); 
if(n === 0){ dopage_update();} 
} 

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