-
有时，为了丰富页面的显示效果，页面按时间变换页面背景样式。这将使游客感觉不到厌倦了这个网站，并认为该网站是非常创新的。这个例子以获得当前的小时获取系统当前时间的小时（）的数据对象的方法，然后改变页面的背景图片，根据不同的时间段。
2。技术要点
在获得当前的小时的Javaｓｃｒｉｐｔ对象的主要使用（）来获取当前系统时间的方法，然后在一定的时间内确定当前时刻满足指定的时间段，如果文档对象的使用（写）在图片下面指定的输出信息在页面的方法图片显示。
三.具体的实现
（1）使用now.gethours（）函数获取系统当前时间的小时。根据这个时间，我们变换不同的背景。主要的Javaｓｃｒｉｐｔ脚本密钥代码如下所示：
var现在=新日期（）；
无功功率= now.gethours（）；
如果（小时> = 0小时< 5）{
document.write（）；
document.write（）；
document.write（现在是早上的时间+小时+点，祝你有个好梦）；
}
如果（小时> = 5小时< 8）{
document.write（）；
document.write（）；
document.write（现在是早上的时间+小时+点，祝你天天快乐）；
}
如果（小时> = 8小时< 11）{
document.write（）；
ocument.write（）；
document.write（现在是早上的时间+小时+点，你别忘了小睡一会，喝口水）；
}
如果（小时> = 11小时< 13）{
document.write（）；
document.write（）；
document.write（现在是中午时间+小时+一点，记得多吃）；
}
如果（小时时< 17 > = 13）{
document.write（）；
document.write（）；
document.write（现在是下午时间+小时+点，久坐办公室应该开始适当锻炼身体）；
}
如果（小时时< 24 > = 17）{
document.write（）；
document.write（）；
document.write（现在是晚上的时间+小时+点，应该小心，早点睡觉）
}
（2）添加一段CSS样式代码如下所示：
{体
背景颜色：# ffffff；
}
（3）添加一段CSS样式代码如下所示：
{体
背景颜色：# ffffff；
}
在获得当前的小时（）Javaｓｃｒｉｐｔ中的对象的方法是一个小时回来。返回值是0到23之间的数字，表示日期对象中包含或启动的时间，在本地时区中对此进行说明。
以上是萧边介绍的JS代码实现相关知识的网页背景效果基于时间的转换。我们希望能帮助你。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。