index.htm

RECETAS DE NAVIDAD

- apuntes comunicaciones javascript lenguaje c php autoayuda bolsa chistes empleo fotografia digital ocio sabiasque salud timos trucos

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 paso:
buscar un caracter
Siguiente paso:
javascript y html introduccion

· Introduccion a javascript
· Javascript: sintaxis basica
· Variables en javascript
· Javascript: tipos de datos
· Javascript: contadores
· javascript: conversion entre tipos
· Operadores logicos y relacionales en javascript
· If else en javascript
· While en javascript
· Bucles for en javascript
· Switch case javascript
· Do while en javascript
· Calculos iterativos en javascript
· El objeto math javascript
· Variable temporal en javascript
· Funciones sin retorno de parametro. Javascript
· Funciones que devuelven parametros en javascript
· Arrays en javascript
· Matrices con varias dimensiones en javascript
· Codigo ascii/unicode y javascript
· Buscar una letra en un string con javascript
· Temporizadores en javascript
· Introduccion a javascript y html
· Escribiendo en el navegador con javascript
· Formularios en javascript
· Botones en javascript

IMPORTANTE:

- Si te ha gustado esta pagina, por favor, votanos aqui:

- Si no te ha gustado, escribenos y cuentanos en que mejorar.

Actualizado: 16/12/2013