首页 > 其他 > 详细

使用计时器做一个渐变效果的function

时间:2016-03-28 15:26:26      阅读:193      评论:0      收藏:0      [点我收藏+]
    <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>

 

使用计时器做一个渐变效果的function

原文:http://www.cnblogs.com/sakurashadow/p/5329030.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!