弹性运动框架

最新推荐文章于 2020-06-25 18:25:52 发布

大海和云朵

最新推荐文章于 2020-06-25 18:25:52 发布

阅读量436

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_29592901/article/details/52331411

版权

JS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1、长得一样的东西，观察规律，看相同点和区别，会有发现。

2、世间的运动或现象，观察并发现规律，可以尝试用代码描述。

3、摩擦力是为了让目标物体停止。

4、相同原理，数值不同出现的结果可能差别很大

5、<style>
#div1{width:100px;height:100px;background: red;
position: absolute;left:0;top:50px;}
</style>
<script>
window.οnlοad=function() {
var oBtn=document.getElementById('btn1');
var iSpeed = 0;
oBtn.οnclick=function(){
startMove();
};
function startMove() {
var oDiv = document.getElementById('div1');
setInterval(function () {
iSpeed+=(300-oDiv.offsetLeft)/5;
iSpeed*=0.7;
oDiv.style.left = oDiv.offsetLeft + iSpeed + 'px';
}, 30);
}
}
</script>
</head>
<body>
<input id="btn1" type="button" value="开始运动"/>
<div id="div1"></div>
<div style="position:absolute;left:300px;width:1px;height:300px;background:#000000;"></div>
</body>
</html>