- 动画的基础是个什么?没错,就是位置的移动。
这里移动的实现:
//v就是view,你要改变的控件位置v.style.top=100+'px';
v.style.left=100+'px';
//得到位置是一个问题,我这里提供一种获得相对于父元素位置的方法。
var now=v.offsetTop;
var now2=v.offsetLeft;
- 那么问题来了,如果是一个动画呢?那就要连续的移动,怎么做到连续的移动,用定位功能。我找到两个定时的接口。
1 timer
//第一个参数是执行的function,第二个是间隔的时间
var timer=setTimeout("Refresh()",1000);
//取消定时器
clearTimeout(timer);
2 setInterval
//第一个参数是执行的function,第二个是间隔的时间
MyInterval=setInterval("Refresh()",1000);
//取消定时器
clearInterval(MyInterval);
//你觉得一样是吧?我也觉得
//太坑了,因为JS是单线程,所以clearinterval放在for里,是会出问题的。
- 做完几个练习,我准备转CSS3动画了,因为
此文完结。。。。