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 事件参考手册
Dec 24 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
jquery中ajax跨域方法实例分析
Dec 18 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
jquery+html仿翻页相册功能
Dec 20 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 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 smarty 二级分类代码和模版循环例子
2011/06/01 PHP
php图片的裁剪与缩放生成符合需求的缩略图
2013/01/11 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
php数组保存文本与文本反编成数组实例
2014/11/13 PHP
php生成curl命令行的方法
2015/12/14 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
用JS写的一个TableView控件代码
2010/01/23 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
python语言中with as的用法使用详解
2018/02/23 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
智能旅行箱:Horizn Studios
2018/04/30 全球购物
欧洲最大的拼图游戏商店:JigsawPuzzle.co.uk
2018/07/04 全球购物
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
荷兰度假屋租赁网站:Aan Zee
2020/02/28 全球购物
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
写给老师的保证书
2015/05/09 职场文书
python开发的自动化运维工具ansible详解
2021/08/07 Python