程序博客网 > javascript 页面刷新

自由落体运动

来源：互联网发布：javascript 页面刷新编辑：程序博客网时间：2024/05/18 00:38

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box{width:100px;height:100px;background:red;position: absolute;left:0;top:30px;}
</style>
<script type="text/javascript">
window.onload=function()
{
var oDiv=document.getElementById("box");
var btn=document.getElementById("btn");

var timer=null;
var speed=0;

btn.onclick=function()
{
startMove();
};

function startMove()
{
clearInterval(timer);
timer=setInterval(function()
{

speed+=3;//不断的加速度
var T=oDiv.offsetTop+speed;
if(T>document.documentElement.clientHeight-oDiv.offsetHeight)//如果接触到浏览器底部或超过
{
T=document.documentElement.clientHeight-oDiv.offsetHeight;//就设置节点接触浏览器底部
speed*=-1;//速度取反
speed*=0.75;//重力摩擦
}
oDiv.style.top=T+"px";//执行
},30)
}
}
</script>
</head>
<body>
<button id="btn">点击</button>
<div id="box"></div>
</body>
</html>

0 0

javascript 页面刷新

javascript 页面刷新

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子违停15天没处理怎么办衣服反光条掉了怎么办脸过敏起小疙瘩怎么办过敏怎么办怎么好得快眉毛在眉骨下面怎么办踩到地雷怎么办知乎在边境踩到地雷怎么办插在花泥里的花怎么办瓶插绣球花蔫了怎么办水养绣球花蔫了怎么办鲜切绣球花蔫了怎么办崩坏2仓库满了怎么办 dnf88级没任务了怎么办 0号柴油冻住了怎么办不小心喝了生水怎么办不小心吃了蟑螂怎么办以租代购还不起怎么办孩子被教官打了怎么办三岁宝宝叛逆期怎么办三岁宝宝很叛逆怎么办孩子不听话怎么办有什么方法呢打了三岁的宝宝怎么办 2岁半宝宝不听话怎么办心里素质不好容易紧张怎么办孩子二年级成绩差怎么办遇到素质低的人怎么办孩子上课注意力不集中怎么办素质报告册丢了怎么办潞城镇剩下5个村怎么办高三复读生学籍怎么办被检精子总数少怎么办前向运动精子17%怎么办精子形态正常率1怎么办精子形态正常率2怎么办精子头部畸形率高怎么办椎底动脉供血不足怎么办颈椎动脉供血不足怎么办颈椎病引起头晕脑供血不足怎么办淘宝店被释放了怎么办被枣蝎子蛰了怎么办六角螺丝拧花了怎么办