繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
- Javascript
- 屏蔽Flash右键信息的js代码
- JavaScript QueryString解析类代码
- JavaScript写的一个自定义弹出式对话框代码
- js限制输入框可输入字节数代码
- JS与框架页的操作代码
- jQuery+CSS 实现的超Sexy下拉菜单
- 使用IE6看老赵的博客 jQuery初探
- jQuery UI.Layout Plug-in做框架
- jQuery框架实例代码分析
- JS通用代码:Tab选项卡通用js代码
- JavaScript脚本的void(0)究竟是何含义
- 9个优秀的JavaScript实现的评级投票插件教程
- jQuery最出色的是 API 设计
- jquery团队发布jquery 1.4
- jQuery 1.4：15个新特性和优化增强
- jQuery插件分享:Flash/MP3/Video多媒体插件
- jQuery 1.4官方文档详细讲述新特性功能
- 网页每次加载调用不同CSS样式表
- JQuery知识:20个jQuery教程+11个jQuery插件
- 制作Web电子表格的jQuery插件：jQuery.sheet
Javascript 中的 JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 70 ::
收藏到网摘: n/a
完全符合能量守恒,胡克定理的JavaScript弹簧振子(超简洁版,超越第一版!) 上一版用的是物理思想，这次用的是数学思想，如果您下载过第一版的代码就能明显感到数学的强大！！！！！
这里是弹簧的JS代码：
复制代码 代码如下:
<script type="text/javascript">
/////////////////this spring begin/////////////////////
var X=0.1//X轴增量
var T=0;//X轴初位置
var M=200; //原始振幅倍数
var A=0.7;//振幅倍数衰减数
var D='R';//运动方向
var O=0;//元素
var L=0;//位置
var TI=30;
var S=false;
var HR=false;
function R(){
HR=true;
if(S)
{
return;
}
O.style.left= L+(Math.sin(T))*M+"px";//获取弹簧运动速度
T=T+X;//X轴增长
M-=A;//单位时间衰减
if(M<=0)//振幅为零
{
S=true;
return;//退出
}
setTimeout("R()",TI);//回调
}
///////////////////this spring over///////////////////////////
function I()
{
if(HR){
return;
}
S=false;
O=document.getElementById("div");
X=parseFloat(document.getElementById("X").value);
M=parseFloat(document.getElementById("M").value);
A=parseFloat(document.getElementById("A").value);
TI=parseFloat(document.getElementById("TI").value);
L=document.getElementById("div").offsetLeft;
R();
}
function TS()
{
S=true;
}
function B()
{
if(S)
{
T=0
HR=false;
S=false;
X=parseFloat(document.getElementById("X").value);
M=parseFloat(document.getElementById("M").value);
A=parseFloat(document.getElementById("A").value);
document.getElementById("div").style.left=L+"px";
}
}
</script>
这里是该网页中的HTML(没啥用,为了演示)
复制代码 代码如下:
<div id="P" style="width:500px;height:400px;">
<input style="width:50px" type="text" id="X" value="0.1" />X轴增量<br/><input style="width:50px" type="text" id="M" value="200" />原始振幅倍数<br/>
<input style="width:50px" type="text" id="A" value="0.7" />振幅倍数衰减数<br/>
<input style="width:50px" type="text" id="TI" value="30" />运行时间间隔(毫秒)<br/>
<input style="width:80px" type="button" onclick="TS()" value="停止"/>停止后请从新激活<br/><input style="width:80px" type="button" onclick="B()" value="从新激活"/>
</div><div style=" position:absolute;"><div id="div" onclick="I()" value="设置完后点我!" style="position:absolute; top:-264px; left:211px; width:50px; height:50px; background-color:#FF0;"></div></div>
这比上次的代码大有长进！100%原创！
转载http://www.cnblogs.com/NONE/
评论 (0) All
