<div id="a" style="width: 100px;height: 100px;background-color: black">
<div id="b" onclick="fadeout(a,b)" style="width: 100px;height: 100px;color:yellow; ">点击此方块</div>
</div>
<script>
function fadeout(element){
var fin=1.00;
var fin3=document.getElementById(‘c‘);
var ddd=document.getElementById(‘ddd‘);
setInterval(function(){//核心部分
if(fin>0){ //大于0的时候做出改变
var fin2=element.style.opacity=fin-0.01;//相当于1/100
fin=fin2;//需要给全局变量进行赋值才可以改变结果
}
if(fin<1){
console.log("正在改变颜色中。。。")
}
},10)//10x100相当于1000毫秒为1秒-此动画时间为1秒
};
</script>
原文:http://www.cnblogs.com/sakurashadow/p/5329030.html