关于系统时间更改网页的内容

关于系统时间更改网页的内容

问题描述:

考虑一个HTML页面。我想用计时器在该页面中显示一组图像。当计时器结束时,一个新的图像列表应该显示一个新的计时器。关于系统时间更改网页的内容

1小时后,A组图像应出现在页面上,第2小时应显示B组图像。 2小时后,应显示A组。等等等等。

+0

你有没有关于你用来实现这个技术的更多信息? jQuery的? PHP?我会假设你正在使用一些JavaScript,因为需要'计时器' – dyatesupnorth

+0

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

+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

好吧,我会尝试它 –