根据系统时间更改网页内容

Question

考虑HTML页面。我想用一个计时器在该页面中显示一组图像。当计时器结束时，新的图像列表应该出现一个新的计时器。

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

Answer 1

就伪代码而言，在前端实现此目的的方式如下：

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

实际上，用户不会在那里等待页面更新一小时，因此您需要在服务器端设置“计时器”。对于完整的实现，我建议你研究Websockets +一个前端库，如Angular或React