js运动框架

来源：互联网发布：互力微信淘客软件编辑：程序博客网时间：2024/05/01 19:14

运动框架
1：事件触发的时候先关了原来的定时器，在开启新的定时器
2：停止运动和执行运动放在一个if-else里面。【终点之前的，终点之后的】
匀速运动
停止条件：当距离【绝对值】足够的近
缓冲运动
停止条件：两点重合
offsetWidth : 在工作尽量是用getStyle()这个封装的函数

<style>
#div1 {width:100px; height:100px; background:red; border:1px solid black;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
setInterval(function (){
var oDiv=document.getElementById('div1');
           101          102-1
           102          103-1
oDiv.style.width=oDiv.offsetWidth-1+'px';  offsetWidth = width + border +padding 
    //因此会反向运动
}, 30);
</script>

程序中尽量避免小数 alert( 0.07*100) == 7.00000000000000000000001

0 0