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 Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
用jquery修复在iframe下的页面锚点失效问题
Aug 22 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
javascript定义变量时加var与不加var的区别
Dec 22 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
JavaScript中绑定事件的三种方式及去除绑定
Nov 05 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
原生js实现form表单序列化的方法
Aug 02 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 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中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
PHP 高手之路(一)
2006/10/09 PHP
php魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
laravel 关联关系遍历数组的例子
2019/10/10 PHP
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
原生js实现查询天气小应用
2016/12/09 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
python 实现归并排序算法
2012/06/05 Python
python中字典dict常用操作方法实例总结
2015/04/04 Python
Python使用爬虫猜密码
2016/02/19 Python
使用pandas的DataFrame的plot方法绘制图像的实例
2018/05/24 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
Django 开发环境配置过程详解
2019/07/18 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
Python编写万花尺图案实例
2021/01/03 Python
CSS3的RGBA中关于整数和百分比值的转换
2015/08/04 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
智能电子应届生求职信
2013/11/10 职场文书
师范院校学生自荐信范文
2013/12/27 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
劳动竞赛口号
2014/06/16 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
实习生辞职信范文
2015/03/02 职场文书
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL