如何在頁面中始終播放內容？

我心底接收來自服務器的日誌中每5個seconds.I需要新的信息添加到頁面，如如何在頁面中始終播放內容？

附加/ repend

但問題是，我怎麼可能讓它只像一個生動的節目來通知用戶新的日誌即將到來......它非常類似於Log.io，我看過它的代碼。但它不能適合我的情況，因爲我爲每個日誌添加新節點和CSS樣式。我的代碼是：

$("#log-content").append('<p>' + str + '</p>'); 
 
$("html, body").animate({ 
 
    scrollTop: $(document).height() 
 
});

有時結果看起來非常strange.So我需要一些幫助。謝謝！

來源

2015-09-29 CpNice-2

如果您希望服務器通知用戶新的「事件」，那麼您需要使用套接字（這是Log.io如何實現）來將新項目推送到客戶端。要麼或者在服務器上有一個客戶端可以通過循環Ajax調用進行輪詢的方法。

來源

2015-09-29 11:02:38 Whiplash450

感謝您的幫助。日誌將從服務器每隔5秒發送到客戶端。因此，我需要做的是如何顯示日誌，如日誌更改爲&。最後我找到了一個解決方案。

var obj;  // arrary of logs 
 
var index; 
 
function renderLog() { 
 
    if (index < obj.length) { 
 
     //change the css style of the log, and set display is unvisible. 
 
     $("#log-content") .prepend(obj[index++]); 
 
     slideDown(3, function() { renderLog(); }); 
 
    } 
 
}

我試過「for‘循環和’動畫「，但它不是well.It薩姆斯像所有日誌的作品在同一time.The執行‘動畫’功能代碼只是添加事件希望這個問題能夠幫助像我這樣的人

來源

2015-10-09 03:45:52

如何在頁面中始終播放內容？

回答

相關問題