案例:
<!-- 案例 分时显示不同图片,显示不同问候语 -->
<div>123</div>
<img src="" alt="">
<script>
var date=new Date();
var hours=date.getHours();
console.log(hours);
var div=document.querySelector('div');
var img=document.querySelector('img');
if(hours<12){
div.innerHTML='现在是上午时间';
}else if( hours > 12 &&hours < 18){
div.innerHTML='现在是下午时间';
}else{
div.innerHTML='现在是晚上时间啦';
}
</script>