Hola, estaba intentado hacer que al clickar en un vinculo un div se aumentase a razón de 1px por segundo (luego ya haria que eligieses el tiempo) pero no se porque no hace lo que deberia, el codigo es este:
Código HTML:
<script>
function cambiardiv(viejotam,nuevotam,tipo,divcambiar) {
if(tipo == "altura") {
var calculartiempo = Math.abs(nuevotam - viejotam);
for(i=0;i<=calculartiempo;i++) {
var tiempo = parseFloat(i) * 1000;
var tamn = parseFloat(viejotam) + i;
setTimeout(document.getElementById(divcambiar).style.height=tamn, tiempo);
}
}
}
</script>
<div style="background-color:#0066CC; width:600px; height:50px;" id="prueba"><a href="#" onClick="cambiardiv('50','100','altura','prueba');">asd</a></div>
El error este en el setTimeout pero no se como ponerlo
Lo que hace es que al darle al boton automaticamente se pone al tamaño 100 sin ir aumentando 1px/1s.