JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理


Posted in Javascript onOctober 25, 2009

上一版用的是物理思想,这次用的是数学思想,如果您下载过第一版的代码就能明显感到数学的强大!!!!!
这里是弹簧的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/
Javascript 相关文章推荐
Prototype使用指南之string.js
Jan 10 Javascript
js 字符串转化成数字的代码
Jun 29 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
Vue.js简易安装和快速入门(第二课)
Oct 17 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
ES6字符串的扩展实例
Dec 21 Javascript
javascript window对象属性整理
Oct 24 #Javascript
Javascript 模式实例 观察者模式
Oct 24 #Javascript
Jquery 弹出层插件实现代码
Oct 24 #Javascript
js 操作符实例代码
Oct 24 #Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
Oct 24 #Javascript
JS window.opener返回父页面的应用
Oct 24 #Javascript
JavaScript 动态添加表格行 使用模板、标记
Oct 24 #Javascript
You might like
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
我的论坛源代码(十)
2006/10/09 PHP
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
jQuery 的 ready()的纯js替代方法
2016/11/20 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
微信小程序 bindtap 传参的实例代码
2020/02/21 Javascript
jQuery 动态粒子效果示例代码
2020/07/07 jQuery
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
2020/07/24 Javascript
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
Python编程实现蚁群算法详解
2017/11/13 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
python判断数字是否是超级素数幂
2018/09/27 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
党员违纪检讨书
2014/02/18 职场文书
交通工程专业推荐信
2014/09/06 职场文书
党员思想汇报材料
2014/12/19 职场文书
贷款收入证明格式
2015/06/24 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
css3带你实现3D转换效果
2022/02/24 HTML / CSS