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客户端解决方案 缓存提供程序
Jul 14 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
jquery text(),val(),html()方法区别总结
Nov 04 Javascript
详解JavaScript中的异常处理方法
Jun 16 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 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
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
PHP实现截取中文字符串不出现?号的解决方法
2016/12/29 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
2010/04/02 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
Javascript检查图片大小不要让大图片撑破页面
2014/11/04 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
关于Python中异常(Exception)的汇总
2017/01/18 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
python实现判断一个字符串是否是合法IP地址的示例
2018/06/04 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
Linux开机引导的步骤是什么
2014/02/26 面试题
525心理活动总结
2014/07/04 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
详细聊聊vue中组件的props属性
2021/11/02 Vue.js