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重要知识更新
Jul 08 Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
jquery随机展示头像代码
Dec 21 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
jquery中对于批量deferred的处理方法
Jan 22 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
angular实现form验证实例代码
Jan 17 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
vue模块移动组件的实现示例
May 20 Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 29 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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
用PHP和ACCESS写聊天室(七)
2006/10/09 PHP
来自PHP.NET的入门教程
2006/10/09 PHP
PHP 远程关机实现代码
2009/11/10 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
php 地区分类排序算法
2013/07/01 PHP
PHP遍历目录并返回统计目录大小
2014/06/09 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
基于JavaScript实现活动倒计时效果
2017/04/20 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
利用Python演示数型数据结构的教程
2015/04/03 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
详解Python if-elif-else知识点
2018/06/11 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
Linux面试题LINUX系统类
2014/11/19 面试题
自我鉴定范文
2013/11/10 职场文书
高一家长会邀请函
2014/01/12 职场文书
圣诞节红领巾广播稿
2014/02/03 职场文书
2015年销售内勤工作总结
2015/04/27 职场文书
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL
淡雅古典唯美少女娇媚宁静迷人写真
2022/03/21 杂记