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 相关文章推荐
JQuery伸缩导航练习示例
Nov 13 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
如何正确理解javascript的模块化
Mar 02 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
AugularJS从入门到实践(必看篇)
Jul 10 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
create-react-app修改为多页面支持的方法
May 17 Javascript
javascript实现简单留言板案例
Feb 09 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版(1)
2006/10/09 PHP
Yii不依赖Model的表单生成器用法实例
2014/12/04 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
php格式化json函数示例代码
2016/05/12 PHP
Jquery 基础学习笔记之文档处理
2009/05/29 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
Javascript实现div层渐隐效果的方法
2015/05/30 Javascript
轻量级网页遮罩层jQuery插件用法实例
2015/07/31 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
bootstrap导航条实现代码
2016/12/28 Javascript
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
Centos7 Python3下安装scrapy的详细步骤
2018/03/15 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
python实现凯撒密码、凯撒加解密算法
2020/06/11 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
python爬虫工具例举说明
2020/11/30 Python
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
数字漫画:comiXology
2020/06/13 全球购物
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
出国导师推荐信
2015/03/25 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
合作意向书怎么写
2019/06/24 职场文书