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 相关文章推荐
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 Javascript
javascript闭包功能与用法实例分析
Apr 06 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
js实现购物车功能
Jun 12 Javascript
chosen实现省市区三级联动
Aug 16 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
微信小程序基础教程之echart的使用
Jun 01 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
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
基于Jquery插件实现跨域异步上传文件功能
2016/04/26 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
2016/11/02 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
vue使用v-for实现hover点击效果
2018/09/29 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
原生js+ajax分页组件
2020/01/30 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
[02:29]DOTA2英雄基础教程 陈
2013/12/17 DOTA
简单介绍Python中的floor()方法
2015/05/15 Python
Python import用法以及与from...import的区别
2015/05/28 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
如何完美的建立一个python项目
2020/10/09 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
php优化查询foreach代码实例讲解
2021/03/24 PHP
资产经营总监岗位职责
2013/12/04 职场文书
优秀共产党员先进事迹
2014/01/27 职场文书
租赁协议书
2015/01/27 职场文书
董事长岗位职责
2015/02/13 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
golang 实现并发求和
2021/05/08 Golang
教你怎么用python selenium实现自动化测试
2021/05/27 Python
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server