Code: Select all

        function update(str){
            x = JSON.parse(str);
            Object.keys(x).forEach(function(key) {
                    try{  
                        if (document.getElementById(key).innerHTML !== x[key]){ 
                                daID= document.getElementById(key);
                                var tl = new TimelineMax();
                                tl.to(daID, 0.5, {opacity:0}).add( function(){ daID.innerHTML= x[key] }).to(daID, 0.5, {opacity:1} )   ;
                                tl.play  
                        }     
                    }
                    catch(err){
                        console.log(err);
                    }
            });
        };

Code: Select all

update('{"f0":"a","f1":"b","f2":"c"}')