为了账号安全,请及时绑定邮箱和手机立即绑定

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
下面那个,回不到原点就用向上取整啊
服了,有没有人遇到了就是链式代码只执行了第一个函数,函数内部的函数都不执行?比如说给一个div先把宽度从200增加到400,这是执行一次的方法对吧,宽度增加完了以后再把高度增加到500,但是这里我遇到的问题就是,第一次执行,宽度增加了,但是高度却不被执行,也就是内部的方法代码并没执行,调试发现直接被跳过了。。原来我在判断有没有方法的时候也就是if(fn){}这里,我把这个判断语句写在了clearInterval(timer)前面去了。。。我靠,就这样,代码没报错,到处去搜去问。。最后把位置颠倒一下就好了。。也就是把clearInterval这句停止定时器的代码先于if(fn)执行。。。。
老师需要男朋友不233333
我不知道有些同学在嘲讽些什么,实现方法是很多,但是如果你换成这种思维方法去做能否实现,这是个学习过程。
姐姐课讲得真好!!
转发的,https://blog.csdn.net/qq_15096707/article/details/50571021
我这边的火狐浏览器,同时运动这一节内容,用了一下,最终结果200px的高,出来只有199,宽400变成了396px,就是回不到原点
关于flag定义时的三个位置问题
1flag位于for循环的内部
flag在里面的话,只要flag未设false,并立刻跳出for循环,就导致定时器的终止,即对于解决老师提到的宽度201问题毫无帮助
2flag位于for外部,定时器内部
正确,在几个属性值到达自己的目标值前,不会提前终止定时器。
3flag位于定时器外,function函数内
可以运行,但有问题。
flag没用,只是因为没有关闭定时器,所以三个属性都到达了自己的目标值,与flag没有关系
检验方法:跳出for循环后的if语句内部加入alert(flag),最好放在清除定时器前,你就能看到,if内部并没有执行,网页中也没有提示框
66666 以前真没注意过 老师讲的不错~
js/move.js那里有分享一下,谢谢
想看0.5速度的,连续点击空格,你就知道了,让我上去
我发现用onmouseover会出现bug,就是onmouseover事件会一直触发,用onmouseenter就不会了
有没有源代码
没必要搞那么麻烦,可以直接定义一个itrue判断已达到目标值的属性个数,itrue定义在定时器外itrue=0;
if(icur!=json[attr]{继续执行运动函数}
else itrue++;
if(itrue==json.length) {关闭定时器;fn();}
针对一些运算会出 小数点的运动
需要使用Math.ceil+Math.floor函数来向上向下取整
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消