运行不出来啊！！！-慕课网

运行不出来啊！！！

来源：-

小扔

2015-12-24 16:55

function getStyle(obj,attr){
		if(obj.currentStyle){
				return obj.currentStyle[attr];
			}
			else{
					return getComputedStyle(obj,false)[attr];
				}
	}

function starMove(obj,json,fn){	
var flag = true;
for(var attr in json){
		clearInterval(obj.timer);
		obj.timer = setInterval(function(){
				//1.取当前值
				var iCur = 0;
				
				if(attr == 'opacity'){
						iCur = Math.round(parseInt(getStyle(obj,attr))*100);
					}
					else{
							iCur = parseInt(getStyle(obj,attr));
						}
						
				//2.算速度
				var iSpeed = (json[attr]-iCur)/8;
				iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
				
				//3.检测停止
				if(iCur !== json[attr]){
						flag = false;
					}
					else{
							if(attr == 'opacity'){
									obj.style.filter = 'alpha:(opacity:'+(iCur+iSpeed)+')';
									obj.style.opacity = (iCur+iSpeed) /100;
								}
								else{
										obj.style[attr] = iCur+iSpeed+'px'; 
									}
						        }
						if(flag){
								clearInterval(obj.timer);
								if(fn){
										fn();
									  }
							    }
		                }
			   },30)
	}

写回答关注

2回答

小扔

2015-12-25 15:00:58

谢谢前辈。。。

0 0

李晓健: 2015-12-24 17:03:51

function starMove(obj, json, fn) {
    var flag = true;
    for (var attr in json) {
        clearInterval(obj.timer);
        obj.timer = setInterval(function () {
            //1.取当前值
            var iCur = 0;

            if (attr == 'opacity') {
                iCur = Math.round(parseInt(getStyle(obj, attr)) * 100);
            } else {
                iCur = parseInt(getStyle(obj, attr));
            }

            //2.算速度
            var iSpeed = (json[attr] - iCur) / 8;
            iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);

            //3.检测停止
            if (iCur !== json[attr]) {
                flag = false;
            } else {
                if (attr == 'opacity') {
                    obj.style.filter = 'alpha:(opacity:' + (iCur + iSpeed) + ')';
                    obj.style.opacity = (iCur + iSpeed) / 100;
                } else {
                    obj.style[attr] = iCur + iSpeed + 'px';
                }
            }
            if (flag) {
                clearInterval(obj.timer);
                if (fn) {
                    fn();
                }
            }
        }, 30)
    }
}

这个方法括号嵌套有问题，自己好好看一下

0 0

JS动画效果

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

113923 学习 · 1443 问题

查看课程

相似问题

为啥执行不出来啊啊啊啊啊

回答 1

就是运行不出来，求解

回答 1

回答 2

回答 1

回答 2