                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

startMove()函数内的运转次序？

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

暴走红烧肉

2016-09-20

源自：JS动画效果 2-1

关注问题我要回答

598

操作

收起

2 回答

rainy_li3676598
2016-11-15

startMove其实，只是在onmouseover的时候被调用一次，只是在它的内部有一个 setInterval(function(){....},30)

在这里是每隔30秒执行一次里面的function 函数，直到碰到

if(oDiv.offsetLeft==0){
clearInterval(timer);
}

的时候，关闭定时器，这时这个函数才算全部执行完成。

0 回复有任何疑惑可以回复我~

天下无敌宁3830746
2016-09-20

就是从上往下执行，先是清除定时器，然后获取id为“div1”的div对象，再然后执行定时器，开始循环执行，直至结束

0 回复有任何疑惑可以回复我~

#1

暴走红烧肉提问者

timer没有做变量，所以默认就是一个空值？

2016-09-21 回复有任何疑惑可以回复我~

#2

灬丨丨灬回复暴走红烧肉提问者

var timer=null;这句把timer变量赋值为null了呀

2016-09-25 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 113926 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

本课相似问答

2 回答关于两个startMove函数先后执行的问题

4 回答startMove()函数里面的obj为什么不能直接写成this？

3 回答请问老师：为什么我的效果是，鼠标第一次移动上去，触发了第一个startMove（），鼠标第二次移动上去才能触发回调函数中的startMove（）。

3 回答为什么调用startMove函数时，对象只能是li1，而不能是this

3 回答为什么这个程序将函数getStyle和startMove封装在1个js文件里，透明度运行显示不正常，而在一个html文件就能正常运行呢？

搜索更多本课相关问答

startMove()函数内的运转次序？

我要回答关注问题

意见反馈帮助中心 APP下载