Función setTimeout en JavaScript

ITeCA
MATERIA: JavaScript
Tema: Función setTimeout
C.C.T. 15PBT1506L
MATERIA: JAVASCRIPT - CUARTO SEMESTRE 1ITeCA

Orden setTimeout en JavaScript
Ejecuta una función, después de esperar un número específico de
milisegundos.
Se emplea de la siguiente forma: setTimeout(function, milliseconds);
Esta orden se emplea principalmente al final de la función, antes de la llave
de cierre de la función.
Orden document.title
Permite cambiar el título de la ventana del navegador.
Se emplea de la siguiente forma: document.title=título;

Ahora veremos un ejemplo para que se muestre la fecha y la hora y que
cambie o se actualice cada segundo, expresado en milisegundos.
Esta función se debe ejecutar desde el momento en que se carga la página
y para esto se emplea la etiqueta onload dentro de la sección body. La
fecha y la hora se deben mostrar en 2 cuadros de texto, además que la
hora también se debe mostrar en la barra de título.
Como se muestra en la siguiente
imagen.

Código de la página
<html>
<head>
<title>Ejemplo de SetTimeOut</title>
<script language="javascript">
function mostrar(){
var f=new Date();
var meses=new Array(12);
var dias=new Array(7);
var dd=f.getDate();
var mm=f.getMonth();
var aa=f.getFullYear();
var ds=f.getDay();

var hh=f.getHours();
var mn=f.getMinutes();
var ss=f.getSeconds();
var ft="";
var ht="";
meses[0]="Enero";
meses[1]="Febrero";
meses[2]="Marzo";
meses[3]="Abril";
meses[4]="Mayo";
meses[5]="Junio";
meses[6]="Julio";
meses[7]="Agosto";
meses[8]="Septiembre";

meses[9]="Octubre";
meses[10]="Noviembre";
meses[11]="Diciembre";
dias[0]="Domingo";
dias[1]="Lunes";
dias[2]="Martes";
dias[3]="Miercoles";
dias[4]="Jueves";
dias[5]="Viernes";
dias[6]="Sábado";
if(dd<10){dd="0"+dd;}
ft=dias[ds] +" "+dd+ " de " + meses[mm]+" del " + aa;
miform.fecha.value=ft;

if(hh<10){hh="0"+hh;}
if(mn<10){mn="0"+mn;}
if(ss<10){ss="0"+ss;}
ht="Son las "+ hh+":"+mn+":"+ss;
miform.hora.value=ht;
document.title=ht;
window.status=ht;
setTimeout("mostrar()",1000);
}
</script>
</head>

<body onload="mostrar()">
<form name="miform">
<h1>Fecha y Hora</h1><br>
<table border="0">
<tr>
<td>Fecha</td><td><input type="text" name="fecha" size="30"></td>
</tr>
<tr>
<td>Hora</td><td><input type="text" name="hora" size="20"></td>
</tr>
</table>
</form>
</body>
</html>

Almacene el archivo con el nombre index.html dentro de una carpeta y
ejecute la página.
Si no se muestran los resultados, de favor verifique línea a línea las
instrucciones para detectar los errores de escritura.
Gracias.

Fin de la clase del objeto Date con la función SetTimeout en JavaScript.
Gracias por su atención. Hagan el ejercicio y pasen los apuntes a su
cuaderno. Cualquier duda pueden enviar mensaje por WhatsApp o Messenger
de FaceBook. Hagan saber a sus papás de los apuntes y ejercicios. Gracias
chicos.

Función setTimeout en JavaScript

Recomendados

Recomendados

Más contenido relacionado

Similar a Función setTimeout en JavaScript

Similar a Función setTimeout en JavaScript (20)

Último

Último (20)

Función setTimeout en JavaScript