고정 된 시간에 Jquery를 사용하여 Refresh Div

Question

다음 버스가 만기 될 때 알려주는 PHP 스크립트가 있습니다. 현재 jquery를 사용하여 div로 새로 고침하고 있습니다. 이제 데이터가 바뀌는 시간을 알기 때문에 (이 버스가 왔을 때), 나는이 시간에 (또는 그 직후에, 정말로 중요하지 않은) div를 새로 고치기를 원한다.

은 내가 JS에 비교적 새로운 해요 지적한다, 그러나 이것은 내가 지금까지있어 무엇 :

var nextbustime = $('#bus').contents(); 
var nextbustime = new Date(nextbustime); 
var now = new Date(); 

var t = nextbustime.getTime() - now.getTime(); 


var refreshId = setTimeout(function() 
{ 
    $('#bus').fadeOut("slow").load('modules/bus.php?randval='+ Math.random()).fadeIn("slow"); 
}, t); 

가 div가 포함 PHP를 함께 원래로드됩니다. 당연히, 내가 한 것은 전혀 작동하지 않습니다.

일부 루프가 필요합니까? 시간 계산기를 새로 고쳐야합니까?

제발 도와주세요! 사전에

감사합니다 ...

Answer 1

당신은 여기 jQuery 플러그인 확인, 어쨌든 jQuery를 사용하고 있기 때문에 다음 코드는 첫 번째 새로 고침 작동 jQuery timer plugin

Answer 2

나는 당신의 문에서 가정을? 당신이해야 할 일은 다음 몇 가지를 다루는 것입니다. 시간이 다를 수 있으므로 (나타납니다) setInterval은 아마도 작동하지 않습니다. 각 시간 초과가 끝나면 다시 작동하도록하려면 작동해야합니다.

$(document).ready(function() { 
    changeToNextBus(); 
}); 

function changeToNextBus() { 
    var nextbustime = $('#bus').contents(); 
    var nextbustime = new Date(nextbustime); 
    var now = new Date(); 

    var t = nextbustime.getTime() - now.getTime(); 

    var refreshId = setTimeout(function() 
    { 
     $('#bus').fadeOut("slow"). 
        load('modules/bus.php?randval='+ Math.random()). 
        fadeIn("slow"); 
     changeToNextBus(); 
    }, t); 
}