<style>
img{
width:200px
}
</style>
<body>
<img src="images/s.gif" alt="">
<p>上午好</p>
<script>
var img = document.querySelector('img') //获取事件源
var p = document.querySelector('p') //获取事件源
var date= new Date //获取当前世间
var h = date.getHours()
if(h < 12){
img.src='images/s.gif' //当时间小于12时，将图片换成上午的，问候语改成上午好
p.innerHTML='上午好'
}else if( h < 18){
img.src='images/x.gif' //当时间小于18时，将图片换成下午的，问候语改成下午好
p.innerHTML='下午好'
}else{
img.src='images/w.gif' //剩下的世间就改成 晚上的照片 ，问候语 改成晚上好
p.innerHTML='晚上好'
}
</script>
</body>世间可以更精确的更改，看自己的想法。
分享到这