Duda basica con javascript asignando valores a atributos css

[intiweb]

Bueno.
Yo sigo con mis dudas. modifique el codigo para que funcione de la siguiente manera:

Código Javascript:

function mostrar(ide){
    
    var valActualizado  = 0;
    var elem            = document.getElementById(ide);
    elem.style.opacity  = 0;
    elem.style.display  = 'block';
 
    
    for(i = 5; i <= 80; i += 5){
 
        valActualizado += 0.05;
        setTimeout((function(e,t) {e.style.opacity = t;})(elem,valActualizado),5000);
    } 
}
 

Pero en ves de ver un progreso cada 5 segundos. Me muestra de inmediato el resultado final con el opacity en 0.8.

Alguien sabe por que ? no le encuentro respuesta