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 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
form表单action提交的js部分与html部分
Jan 07 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
Apr 10 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 Javascript
15款最好的Bootstrap在线编辑器
Aug 03 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
javascript实现弹出层效果
Dec 10 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
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
javascript实现判断鼠标的状态
2015/07/10 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
JS平滑无缝滚动效果的实现代码
2016/05/06 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Python正则表达式介绍
2012/08/06 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
详解爬虫被封的问题
2019/04/23 Python
python 求10个数的平均数实例
2019/12/16 Python
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
《母鸡》教学反思
2014/02/25 职场文书
党员公开承诺事项
2014/03/25 职场文书
住房租房协议书
2014/08/20 职场文书
焦点访谈观后感
2015/06/11 职场文书
预备党员表决心的话
2015/09/22 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
Python 中 Shutil 模块详情
2021/11/11 Python
Docker下安装Oracle19c
2022/04/13 Servers
《勇者辞职不干了》ED主题曲无字幕动画MV公开
2022/04/13 日漫