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 判断函数类型完美解决方案
Sep 02 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
Javascript 中介者模式实例
Dec 16 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
详解JS正则replace的使用方法
Mar 06 Javascript
ES6入门教程之Iterator与for...of循环详解
May 17 Javascript
老生常谈js数据类型
Aug 03 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
layui 中select下拉change事件失效的解决方法
Sep 20 Javascript
vue使用nprogress加载路由进度条的方法
Jun 04 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 preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
解析PHP实现下载文件的两种方法
2013/07/05 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
form自动提交实例讲解
2017/07/10 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
Javascript的一种模块模式
2008/03/22 Javascript
点图片上一页下一页翻页效果
2008/07/09 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
浅谈Python实现Apriori算法介绍
2017/12/20 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
pow在python中的含义及用法
2019/07/11 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
庆元旦广播稿
2014/02/10 职场文书
小学庆六一活动总结
2014/08/28 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
班主任工作总结范文
2015/08/13 职场文书
幼儿园教师教学反思
2016/03/02 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python