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 相关文章推荐
Javascript----文件操作
Jan 18 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
浅谈javascript实现八大排序
Apr 27 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
Feb 19 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
微信小程序日期选择器实例代码
Jul 18 Javascript
小程序实现多列选择器
Feb 15 Javascript
vue实现简单数据双向绑定
Apr 28 Vue.js
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
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
以文本方式上传二进制文件的PHP程序
2006/10/09 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
PHP实现简单的计算器
2020/08/28 PHP
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
Jquery为单选框checkbox绑定单击click事件
2012/12/18 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
JavaScript File分段上传
2016/03/10 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
详解Python程序与服务器连接的WSGI接口
2015/04/29 Python
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
Python定义一个函数的方法
2020/06/15 Python
python如何建立全零数组
2020/07/19 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
菲律宾购物网站:Lazada菲律宾
2018/04/05 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
PHP面试题附答案
2015/11/28 面试题
董事长职责范文
2013/11/08 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
需求分析说明书
2014/05/09 职场文书
计划生育宣传标语
2014/06/21 职场文书
单位租房协议书范本
2014/12/04 职场文书
2015年母亲节活动总结
2015/02/10 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL