La fecha y la hora son:
Ejemplo
<!DOCTYPE html><html> === debe ser la primera cosa en su documento HTML, antes de la etiqueta <html>.
<head> === es un término inglés que significa "cabeza"
<title>Date</title> === title define un título en la barra de herramientas del navegador. Date crea un nuevo objeto Date con la fecha y hora actual
<meta charset="UTF-8"> === El atributo charset especifica la codificación de caracteres para el documento HTML.
</head> === Cierra el head
<body> === Cuerpo del Documento
<h1 id="h1"></h1> === El atributo id es parte de los atributos globales , y se puede utilizar en cualquier elemento HTML.
<h2 id="h2">La fecha y la hora son:</h2> === para manipular el elemento con el ID específico.
<div id="fecha"></div> === El atributo de valor especifica una fecha para el campo de fecha.
<script type="text/javascript"> === El atributo type identifica el contenido entre las etiquetas <script> y </ script>.
var fecha = new Date(); === Var asigna una variable
var msj; === asigna la variable
if (fecha.getHours() < 7) { msj = "Buenas noches";} === Devolver la hora de una fecha y hora específicas
else if (fecha.getHours() < 12) { msj = "Buenos días";} === Dar formato a una fecha GMT / UTC y la hora y devolver las cadenas de fecha con formato
else if (fecha.getHours() < 21) { msj = "Buenas tardes";} === que se utilizan para llevar a cabo diferentes acciones basadas en diferentes condiciones.
else { msj = "Buenas noches";}=== Utilizar si para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera
document.getElementById("h1").innerHTML = msj; === se puede utilizar para escribir directamente en la corriente de salida HTML
document.getElementById("fecha").innerHTML = fecha; === Con él obtendremos el objeto que hace referencia al elemento con un id concreto.
</script>
</body>
</html>
