gratiszona

Temporizadores en javascript


Los temporizadores son objetos sin representacion fisica que se encargan de ejecutar una tarea al cabo de cierto tiempo que se le debe indicar.

NombreTemp= setTimeout("nombrefuncion()", tiempo);

Para detener el temporizador: clearTimeout(NombreTemp);
  • Escribe el siguiente programa:

<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG059.HTM
/* Texto animado */
var velocidad=200;
var letras;
function animar()
{
letras=new Array();
var texto='Uso de cadenas con JavaScript para efectos dinamicos';
for(i=0;i<texto.length;i++)
{
letras[i]=texto.charAt(i);
}
mueveLetras();
}
var TextoAct='';
var n=-1;
function mueveLetras()
{
n++;
TextoAct += letras[n];
document.forms[0].TextoDinamico.value=TextoAct;
if(n==letras.length-1)
{
n=-1;
TextoAct='';
}
setTimeout('mueveLetras()',velocidad);
}
</SCRIPT>
<BODY onload=animar();>
<FORM>
<INPUT TYPE='text' NAME='TextoDinamico' VALUE='' SIZE='120'>
</FORM>
</BODY>
</HTML>
  • Graba el programa en TuCarpeta con el nombre Prog059.htm y ejecutalo.
  • Estudio del Prog059.htm
  • La frase "Uso de cadenas con JavaScript para efectos dinamicos", se colocara una letra cada 0,2 segundos.
  • La linea <BODY onLoad= animar();>, llamara a la rutina "animar()", cuando la pagina termine de cargarse.
  • <FORM>

<INPUT TYPE="text" NAME="TextoDinamico" VALUE= "" SIZE="120">
</FORM>

Definimos un formulario (FORM), que contiene un cuadro de texto (INPUT TYPE="text") de nombre TextoDinamico que no contiene nada (VALUE="") y tamaño (SIZE="120")
En el proximo capitulo lo estudiaremos con detalle.
  • document.forms[0].TextoDinamico.value= variable;

En el cuadro de texto de nombre "TextoDinamico", se coloca el valor de la variable.
Anterior: buscar un caracter
Siguiente: javascript y html introduccion