js动画效果opacity变化原理

var timer=null;
    var i=1;
    var opacity=0.1;
    var speed=0;
    timer=setInterval(function(){
        speed=(i-opacity)/10;
        var mtarget=speed>0?Math.ceil((speed+opacity)*10)/10:Math.floor((speed+opacity)*10)/10;
        //opacity=Math.floor((speed+opacity)*10)/10; //增加
        //opacity=Math.ceil((speed+opacity)*10)/10;  //减小
        opacity=mtarget;
        if(i==opacity){
            clearInterval(timer);
        }
    },30);

以上是模拟Blue的动画效果 实现了opacit渐变效果  新手学习中 望大家批评指正！

来源：https://www.cnblogs.com/dream-w/p/5085235.html