繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
- Javascript
- 一个可以兼容IE FF的加为首页与加入收藏实现代码
- javascript(jquery)利用函数修改全局变量的代码
- JQuery 解析多维的Json数据格式
- javascript 按回车键相应按钮提交事件
- 深入认识javascript中的eval函数
- jquery tree 可编辑节点实现代码(jquery一句话节点菜单)
- js window.onload 加载多个函数的方法
- MAC官方菜单纯CSS实现灰色会换色
- CSS Filter背景透明提示
- CSS鼠标悬停菜单 图片交换技术实现
- 纯JS图片批量预加载技术代码
- 实用的层滑开js实现代码
- jQuery get和post 方法传值注意事项
- JQuery打造PHP的AJAX表单提交实例
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX实例代码
- jquery ajax 检测用户注册时用户名是否存在
- javascript 限制输入脚本大全
- JavaScript window.setTimeout() 的详细用法
- JavaScript 表格高亮类的应用[高级]
Javascript 中的 JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 92 ::
收藏到网摘: 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
