jQuery를 주입 내용

Question

에 타임 스탬프를 추가 나는의 라인을 따라 뭔가가있다. 그러나 사용자 작업으로 패널을 채울 수 있으며 사용자는 패널간에 전환 할 수 있습니다.

지금 당장 가지고있는 문제는 느린 UI 경험 인 패널이 이미로드 된 경우에도 패널 간 전환으로 서버의 콘텐츠를 새로 고치는 것입니다.

내가 패널 div의 각각에 타임 스탬프를 추가 생각했다

: 나는 서버를 rehit해야하는 경우는 1 분의 경우, 결정이 타임 스탬프를 사용하여 다음

<div id="panel-1" timestamp="13123131313"></div> 

을 그리고하지, 만약 이상을 분 내용을 새로 고칩니다. 이에

1. 의견 :

   나는 무엇을 찾고 있어요?

2. 어디에서 안전하게 타임 스탬프를 저장할 수 있습니까?
3. 타임 스탬프 비교를위한 제안. 모든 간단한 jQuery 솔루션?

나를 도와 주셔서 감사합니다.

Answer 1

유효한 마크 업 —을 사용하면 —을 쉽게 얻을 수 있습니다. jQuery의 .data() 메소드를 사용하십시오. 이 유사

뭔가 :

// store timestamp on initial ajax load 
var timestamp = new Date().getTime(); 
$('#panel-1').data('timestamp', timestamp); 

// How to retrieve last timestamp 
var last_stamp = $('#panel-1').data('timestamp'); 

// Example of comparing timestamps and setting a new one 
var new_timestamp = new Date().getTime(), 
    last_stamp = $('#panel-1').data('timestamp'); 
if (new_timestamp - last_stamp >= 60000) { 
    $.ajax({ 
     /* ajax options */ 
     success: function() { 
      var timestamp = new Date().getTime(); 
      $('#panel-1').data('timestamp', timestamp); 
     } 
    }); 
}