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 相关文章推荐
Grid得到选择行数据的方法总结
Jan 17 Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 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
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
初学JavaScript第二章
2008/09/30 Javascript
json的前台操作和后台操作实现代码
2012/01/20 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
关于微信小程序map组件z-index的层级问题分析
2019/07/09 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
[52:52]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第三局
2016/02/27 DOTA
Python实现的彩票机选器实例
2015/06/17 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
python matlibplot绘制3D图形
2018/07/02 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
django框架面向对象ORM模型继承用法实例分析
2019/07/29 Python
使用python模拟命令行终端的示例
2019/08/13 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
Python属性和内建属性实例解析
2020/01/14 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
学习保证书怎么写
2015/02/26 职场文书
员工辞职信怎么写
2015/02/27 职场文书
金陵十三钗观后感
2015/06/04 职场文书