La fecha y la hora son:

<h1 id="="h1""></h1> 
<h2 id="h2">La fecha y la hora son:</h2>
<div id="fecha"></div>
<script type="text/javascript">
var fecha=new date();
var msj;
if (fecha.getHours() < 7){msj="Buenas noches";}
else if (fecha.getHours() < 12){msj= "buenas dias";}
else if (fecha.getHours() < 21){msj= "Buenas Tardes";}
else                           {msj= "buenas noches ";}
document.getElementByld("fecha";).innertHTML=fecha;
Ejecucion

<h2 id="h2">La fecha y la hora son:</h2> => 
La fecha y la hora son:
<h1 id="="h1""></h1>  
<div id="fecha"></div>             
<script type="text/javascript">
var fecha=new date();
var msj;                  
if (fecha.getHours() <7) {msj= "Buenas noches";}
else if (fecha.getHours() <12) {msj= "buenas dias";} 
else if (fecha.getHours() <21) { msj = "Buenas tardes";}
else                            { msj = "Buenas noches";}
document.getElementById("h1").innerHTML    = msj;
document.getElementById("fecha").innerHTML = fecha;  => 
Fri Apr 28 2017 22:17:08 GMT-0600 (Hora estándar, América Central) 


 
lo que hace cada codigo
<h2 id="h2">La fecha y la hora son:</h2> => hace que muestre el rotulo de la fecha y la hora son. 
<h1 id="="h1""></h1>  => Donde se mencione h1 aparecera en pantalla el texto o codigo especificado en si.   
var fecha=new date( ); => esta funcion puede ser escrito sin especificar el día.
if (fecha.getHours(); => Devulve la hora, de acuerdo con la hora local.
document.getElementById("h1").innerHTML    => msj; => cambia el contenido de un ejemplo.
location.href  =>  propiedad devuelve la URL de la página actual.
 screen.width  => esta propiedad devuelve el ancho de la pantalla del visitante en píxeles.
 Screen.Height  => esta propiedad devuelve la altura de la pantalla del visitante en píxeles.