有爱匹夫
2015-09-05 11:52
function getStyle(obj,attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj,false)[attr];
}
}
function startMove(obj,json,fn)
{
clearInterval(obj.timer);
obj.timer=setInterval(function(){
for(var attr in json)
{ var flag=true;//假设
//1.取当前值
var iCur=0;
if(attr=='opacity')
{
iCur=Math.round(parseFloat(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;
}
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)
}
var flag=true;放在for in循环外面,即定时器方法第一行;
var flag=true;应该定义在 clearInterval(obj.timer)上面
进入开发者工具,看看报错信息,把报错信息发出来
JS动画效果
113925 学习 · 1443 问题
相似问题