Código
var gradual = function(){ var elemento = document.getElementById("aqua"); var i = 0; // Abrimos un Timer que se ejecute cada 150 ms. var chipiron = setInterval(function(){ // Si el valor de i es menor o igual a nueve... if(i<=9){ elemento.style.opacity="0."+i; i++; // En caso de que el valor sea mayor. } else { // Opacidad 0% elemento.style.opacity="1"; // Limpiamos el Timer window.clearInterval(chipiron); // Devolvemos True. return true; } },150); };
Y al reves:
Código
function gradual(){ var elemento = document.getElementById("aqua"); var i = 9; // Abrimos un Timer que se ejecute cada 150 ms. var chipiron = setInterval(function(){ // Si el valor de i es mayor o igual a 1 if(i>=1){ elemento.style.opacity="0."+i; i--; // En caso de que el valor sea menor } else { // Opacidad 0% elemento.style.opacity="1"; // Limpiamos el Timer window.clearInterval(chipiron); // Devolvemos True. return true; } },150); };
Saludos