lunes, 23 de marzo de 2009

Javascript: Mostrar un objeto cada segundo

Este código consiste en hacer cambiar la propiedad opacity del objeto textbox. La propiedad opacity va aumentando desde 0 hasta 1 en intervalos de 0.1. Cuando se llega al valor 1, el ciclo se detiene y el cuadro de texto queda renderizado totalmente con opcidad completa.


<script type="text/javascript">
document.getElementById('txt').style.opacity = 0;

var opa = 0.0;
var intv;
start();
function start()
{
if (start.length == 0)
intv = setInterval("Aumentar();", 500);
else
/* El parámetro arguments[0] son los milisegundos. */
intv = setInterval("Aumentar();", arguments[0]);
}

function Aumentar()
{
opa = opa + 0.1;
document.getElementById('txt').style.opacity = opa;

if(opa>1)
{
clearInterval(intv);
document.getElementById('txt').value = "Stopped!";
}
}

</script>

No hay comentarios: