首页 > 代码库 > js运动
js运动
物体运动原理:通过改变物体的位置,而发生移动变化。
方法:
1.运动的物体使用绝对定位
2.通过改变定位物体的属性(left、right、top、bottom)值来使物体移动。例如向右或左移动可以使用offsetLeft(offsetRight)来控制左右移动。
步骤:
1、先清除定时器 (因为:是连续点击按钮,物体会运动越来越快,造成运动混乱)
2、开启定时器,计算速度
3、判断停止条件,执行运动
例:
//就是连续点击按钮,物体会运动越来越快,造成运动混乱。
var timer=null;
function starMove(obj){
//为了解决上述问题,则必须在开启定时器之前,先清除定时器,因此需要一个全局变量 timer保存定时器
clearInterval(timer);
var iSpeed =5;
//设置定时器
timer=setInterval(function(){
// 判断停止条件
if(obj.offsetLeft >1000){
clearInterval(timer);
return;
}else{
//改变物体位置
obj.style.left = obj.offsetLeft +iSpeed+ ‘px‘;
document.title=obj.offsetLeft;
}
},30)
}
js运动