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 相关文章推荐
Js-$.extend扩展方法使方法参数更灵活
Jan 15 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
vue 解决数组赋值无法渲染在页面的问题
Oct 28 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 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
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
Symfony数据校验方法实例分析
2015/01/26 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
php使用parse_url和parse_str解析URL
2015/02/22 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP中的表达式简述
2016/05/29 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
ExtJs事件机制基本代码模型和流程解析
2010/10/24 Javascript
网页防止tab键的使用快速解决方法
2013/11/07 Javascript
JS跨域问题详解
2014/11/25 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
2016/11/04 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
python连接字符串的方法小结
2015/07/13 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
数控专业推荐信范文
2013/12/02 职场文书
千元咖啡店的创业计划书范文
2013/12/29 职场文书
骨干教师培训感言
2014/01/16 职场文书
节能环保口号
2014/06/12 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
施工安全责任协议书
2016/03/23 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python