回调函数中的alert提前执行了是为什么

[槑槑mei]

oBtn4.onclick=function(){
boxrun( oDiv3,'width',400,20,function(){
alert('aaa')
})
}


function boxrun(obj,attr,target,speed,callback){
clearInterval(obj.timrA)
var nowValue=parseInt(getComputedStyle(obj,null)[attr])
if( nowValue>target){
speed=-speed
}
obj.timrA=setInterval(function(){
var oldValue=parseInt(getComputedStyle(obj,null)[attr])
var newValue=oldValue+speed

if( (speed<0&&newValue<target)||(speed>0&&newValue>target)){
newValue=target
}
obj.style[attr]=newValue+"px"

if(newValue==target){
clearInterval(obj.timrA)
callback()&&callback
}
},30)
}

为什么newValue没到达target值时执行了alert（）

[Hello World,]

大概是浏览器更新DOM属性需要一定的时间，在更新之前弹出了提示框，导致更新中断了。 通过getComputedStyle得到的值已经是匹配的了，但元素的实际大小还未更新

[Hello World,]

可以用DIV模拟弹出提示框，不阻塞进程，或者延时弹出提示框 if (newValue == target) { clearInterval(obj.timrA) setTimeout(callback,30) }

[天际的海浪]

callback && setTimeout(callback, 0);

[123秀敏]

用setTimeout方法延时一下弹窗框的时间

[gqkmiss]

不要用alert，会阻断进程，加载一个UI的弹框来弹出