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 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
JavaScript中关于indexOf的使用方法与问题小结
Aug 05 Javascript
avalonjs制作响应式瀑布流特效
May 06 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
May 31 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
jQuery上传插件webupload使用方法
Aug 01 jQuery
Vue+SpringBoot开发V部落博客管理平台
Dec 27 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
Sep 13 Javascript
基于vue-cli3创建libs库的实现方法
Dec 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下目前为目最全的CURL中文说明
2010/08/01 PHP
php提示Call-time pass-by-reference has been deprecated in的解决方法[已测]
2012/05/06 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
Laravel 队列使用的实现
2019/01/08 PHP
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
js 控制图片大小核心讲解
2013/10/09 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
2018/04/28 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
2020/08/31 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
Python脚本实现自动将数据库备份到 Dropbox
2017/02/06 Python
python中文分词,使用结巴分词对python进行分词(实例讲解)
2017/11/14 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
护士自荐信
2013/10/25 职场文书
文明餐桌活动方案
2014/02/11 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
pytest进阶教程之fixture函数详解
2021/03/29 Python