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 写的一个简单的timer
Jul 30 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
JavaScript实现经纬度转换成地址功能
Mar 28 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
electron实现qq快捷登录的方法示例
Oct 22 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
微信小程序关键字变色实现代码实例
Dec 13 Javascript
vue实现Toast组件轻提示
Apr 10 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
深入Nginx + PHP 缓存详解
2013/07/11 PHP
Yii2如何批量添加数据
2016/05/17 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
解决vue页面渲染但dom没渲染的操作
2020/07/27 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
Python常用模块介绍
2014/11/21 Python
使用PyCharm配合部署Python的Django框架的配置纪实
2015/11/19 Python
Python批量创建迅雷任务及创建多个文件
2016/02/13 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
深入浅析Python 命令行模块 Click
2020/03/11 Python
轻松制作精彩视频:Animoto
2018/09/19 全球购物
2014升学宴答谢词
2014/01/26 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
文体活动总结范文
2014/05/05 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
车间班组长竞聘书
2015/09/15 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书