的jQuery - 添加時間戳注入內容

Question

我沿着線的東西：

默認情況下，所有這些面板是空的。但用戶操作可以填充面板，用戶可以在面板之間切換。

我現在面臨的問題是，面板之間的切換不斷刷新服務器的內容，即使它已經被加載，這是一個緩慢的用戶界面體驗。

我想附加一個時間戳到每個面板的div的：

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

，然後使用該時間戳來確定我是否應該rehit服務器，如果它是一分鐘之內不這樣做，如果超過一分鐘刷新內容。

我正在尋找：

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); 
     } 
    }); 
}