startMove()函数内的运转次序？
来源：2-1 JS速度动画
暴走红烧肉
2016-09-20 01:49
var timer=null;
function startMove(){ //函数运转次序？
clearInterval(timer); //调用函数开始这是第一个运转的？
var oDiv=document.getElementById('div1');
timer=setInterval(function(){
if(oDiv.offsetLeft==0){
clearInterval(timer);
}else{
oDiv.style.left=oDiv.offsetLeft+10+'px';
}
},30)
}
function
写回答
关注
2回答
-
- rainy_li3676598
- 2016-11-15 11:16:56
startMove其实， 只是在onmouseover的时候被调用一次， 只是在它的内部有一个 setInterval(function(){....},30)
在这里是每隔30秒执行一次里面的function 函数， 直到碰到
if(oDiv.offsetLeft==0){
clearInterval(timer);
}的时候，关闭定时器， 这时这个函数才算全部执行完成。
-
- 天下无敌宁3830746
- 2016-09-20 08:14:44
就是从上往下执行，先是清除定时器，然后获取id为“div1”的div对象，再然后执行定时器，开始循环执行，直至结束
JS动画效果
通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装
113925 学习 · 1443 问题
相似问题