為什么都需要用到，定時(shí)器呢，
為什么都需要用到，定時(shí)器呢，，
慕粉3770264
2016-08-29
2 回答
舉報(bào)
0/150
提交
取消
2016-08-29
定時(shí)器不斷刷新，每30ms刷新一次，就調(diào)用一次函數(shù)，運(yùn)動(dòng)的過程是寬高（等等想要的效果）變化的過程，調(diào)用函數(shù)改變寬高，達(dá)到運(yùn)動(dòng)效果，30ms刷新一次是因?yàn)椋搜勰茏R(shí)出卡頓的最低幀數(shù)是30左右，因此30ms約等于30fps。
2016-08-29
幫我看看哪里有問題唄
<script>
//多物體運(yùn)動(dòng)
window.onload=function(){
?? ?var li=document.getElementsByTagName('li');
?? ?for(var i=0;i<li.length;i++){
?? ??? ?li[i].onmouseover=function(){
?? ??? ?startMove4(this,400);
?? ??? ?}
?? ?li[i].onmouseout=function(){
?? ??? ?startMove4(this,200);
?? ??? ?}
?? ??? ?}
?? ?
?? ?}
?? ?var timer=null;
?? ?function startMove4(obj,iTarget4){
?? ??? ?clearInterval(timer);
?? ??? ?timer.setInterval(function(){
?? ??? ??? ?speed4=(iTarget4-obj.offsetWidth)/8;
?? ??? ??? ?speed4=speed4>0?Math.ceil(speed4):Math.floor(speed4);
?? ??? ??? ?if(obj.offsetWidth==iTarget4){
?? ??? ??? ??? ?clearInterval(timer);
?? ??? ??? ??? ?}
?? ??? ??? ?else{
?? ??? ??? ??? ?obj.style.width=obj.offsetWidth+speed4+'px';
?? ??? ??? ??? ?}
?? ??? ??? ?},30)
?? ??? ?}
</script>
</head>
<body>
<ul>
? <li></li>
? <li></li>
? <li></li>
</ul>