如何随时间改变元素的外观？

Question

我想根据一天中的时间更改元素的背景图像并更改标题的内容。如果时间在6点到12点之间，bg和文字必须按照早上来。

Answer 1

您不能只使用 css 和 html。 你应该使用js。

如果你设置你的夜间、白天时间 CSS，你可以使用这个技巧：

var date = new Date;
var hour = date.getHours();
if(hour > 18 || hour < 6){
    document.body.className += ' nighttime-css';
    // JQUERY => $('body').addClass('nighttime-css')
}else{
    document.body.className += ' daytime-css';
    // JQUERY => $('body').addClass('daytime-css')
}

css：

.nighttime-css{背景：url('nighttime-bg.jpeg');

.daytime-css{背景：url('daytime-bg.jpeg');