分时间问候并显示不同的时间

 <img src="images/s.gif">
   <div>早上好</div>
   <script>
       var img=document.querySelector('img');
       var div=document.querySelector('div');
       var myDate = new Date();
       var h = myDate.getHours(); 
         if(h<12){
             img.src='images/s.gif'
             div.innerText='早上好'
         }else if(h < 18){
            img.src='images/x.jpg'
            div.innerText='中午好'  
         }else{
            img.src='images/w.gif'
            div.innerText='晚上好'   
         }
   </script>