JavaScript Dates. (Jugando con el tiempo) Fechas, horas, calendario JavaScript

Tenemos varios métodos para definir el tiempo.
Para ello usamos el objeto Date().



Mostraremos 4 caminos para inicializar la fecha:

new Date() //fecha actual
new Date(milisegundos) //Milisegundos
new Date(dateString)
new Date(year, month, day, hours, minutes, second, miliseconds)

 var today = new Date()
var d1 = new Date("October 13, 1975 11:13:00")
var d2 = new Date(79,5,24)
var d3 = new Date(79,5,24,11,33,0)

Con estos métodos podemos desarrollar herramientas útiles:

Date(); (Devuelve la fecha y hora actual)

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = Date();
}
</script>

getFullYear() (Devuelve el año, la fecha, el día, la hora)

<script>
function myFunction() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.getFullYear();
}
</script>

getTime() (la hora en milisegundos)

<script>
function myFunction() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.getTime();
}
</script>

setFullYear() (Configura una fecha completa)

<script>
function myFunction() {
    var d = new Date();
    d.setFullYear(2020, 10, 3);
    document.getElementById("demo").innerHTML = d;
}
</script>

toUTCString() (Configura una fecha a UTC)

<script>
function myFunction() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toUTCString();
}
</script>

Devuelve una string similar a: Wed, 25 Jun 2014 08:00:10 GMT

getDay() (Devuelve el número de día de la semana)

<script>
function myFunction() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.getDay();
}
</script>

getDay() + Array*
(Devuelve el número de día de la semana y lo usa para tomar un valor de la array)

<script>
function myFunction() {
    var d = new Date();
     var days = ["Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado"];
    document.getElementById("demo").innerHTML = days[d.getDay()];
}
</script>

Display a clock (Devuelve un reloj)

<script>
function startTime() {
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML = h+":"+m+":"+s;
    var t = setTimeout(function(){startTime()},500);
}
function checkTime(i) {
    if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}
</script>

Otra opción sería con setInterval

<script>
var myVar=setInterval(function(){myTimer()},1000);function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

Fuente: http://www.w3schools.com/js/js_dates.asp