统一运动的js代码示例

uff1a效应

思想:

使用setinerval（）定时进行运动，关键是要给它一个判断填补月底结束的间隙。

代码uff1a
复制代码代码如下所示：
# DIV1
{
宽度：100px；
身高：100px；
背景：# 0000ff；
位置：绝对；
左：800px；
上图：100px；
}
# div200
{
宽度：1px；
身高：400px；
背景：# FF0000；
位置：绝对；
左：200px；
}
# Div500
{
宽度：1px；
身高：400px；
背景：# FF0000；
位置：绝对；
左：500px；
}
函数移动（结束）{
无功odiv = document.getelementbyid（'div1）；
var定时器= null；
定时器= setInterval（）{（）函数（
var =速度（端odiv。offsetleft） / / / 5；根据终点和offsetleft出运动的速度
速度=速度> 0 math.ceil（速度）：Math.floor（速度）； / /随身小圆角，整个比特数码变焦，
/ / if (oDiv.offsetLeft < = end) {
/ / clearInterval（定时器）；
} / /
{其他的
/ / odiv.style.left = odiv.offsetleft +速度+ 'px；
}
如果（Math.abs（端odiv。offsetleft）< =速度）{ / /时间停止在最后会有一个小缺口，或没有完全到达指定地点，所以它比速度
ClearInterval（定时器）； / /当距离小于速度，让计时器停止
odiv.style.left =端+ 'px '； / /填补缺口后停止。
}
{其他
odiv.style.left = odiv.offsetleft +速度+ 'px '； / /移动div
}
}，30）
}

二百

五百