js模拟小球重力回弹效果

.cont{
width: 1000px;
height: 600px;
background: #eee;
margin: 20px auto;
position: relative;
}
.box{width: 100px;height: 100px;background: red;position: absolute;left: 0;border-radius: 50%;}

// 目标1: 让小球从上面落下来
// 准备:获取节点,绑定事件
var contObj = document.querySelector(’.cont’);
var boxObj = document.querySelector(’.box’);
document.onclick =()=>{
// 1 设置每次增加值的步长
var speed = 10;
// 2 重力加速的值
var g=2;
// 3 获取最大的top值,(下落最大高度)
// 用cont的高度减去box的高度
var target = contObj.offsetHeight - boxObj.offsetHeight;
// 4 设置定时器,让小球的top值,累加speed
var times = setInterval(()=>{
speed+=g;
// 5 判断小球是否下落到最大高度,是则停止下落
//
if((boxObj.offsetTop+speed)>target){
// console.log(target) <