2017-10-15 55 views
-3

考慮一個HTML頁面。我想用計時器在該頁面中顯示一組圖像。當計時器結束時,一個新的圖像列表應該顯示一個新的計時器。關於系統時間更改網頁的內容

1小時後,A組圖像應出現在頁面上,第2小時應顯示B組圖像。 2小時後,應顯示A組。等等等等。

+0

你有沒有關於你用來實現這個技術的更多信息? jQuery的? PHP?我會假設你正在使用一些JavaScript,因爲需要'計時器' – dyatesupnorth

+0

java script,HTML/5,jsp servlets ...... no php –

+0

爲了更清楚我想做一個食品訂單頁面其中一些項目應該只在有限的時間內顯示。當時間結束時,應顯示新的食物項目 –

回答

0

在僞代碼方面,你會做到這一點對前端的方式是類似以下內容:

(In AngularJs) 
    getData.then(function(data){ 

    var updateData = function() { 
     // update view data here 
    } 
    // you could set the '500' here to be an hour - but that is poor design 
    $timeout(updateData, 500); 
}) 

在實踐中,用戶是不會一個小時等待坐在那裏爲了更新頁面,所以你需要在服務器端設置'timer'。對於完整的實現,我建議你看一下Websockets +一個前端庫,例如Angular或React

+0

好吧,我會嘗試它 –