完全符合能量守恒,胡克定理的JavaScript弹簧振子(超简洁版,超越第一版!)

本文主要是介绍完全符合能量守恒,胡克定理的JavaScript弹簧振子(超简洁版,超越第一版!),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

X轴增量
原始振幅倍数
振幅倍数衰减数
运行时间间隔(毫秒)
停止后请从新激活
运行后请重新激活!
设置完后点我!

上一版用的是物理思想,这次用的是数学思想,如果您下载过第一版的代码就能明显感到数学的强大!!!!!QQ群:50352735
这里是弹簧的JS代码:

ContractedBlock.gif ExpandedBlockStart.gif Code
<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(没啥用,为了演示)
ContractedBlock.gif ExpandedBlockStart.gif HTMLCode
<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/archive/2009/10/25/JavaScriptTrueBornSpring.html

转载于:https://www.cnblogs.com/NONE/archive/2009/10/25/JavaScriptTrueBornSpring.html

这篇关于完全符合能量守恒,胡克定理的JavaScript弹簧振子(超简洁版,超越第一版!)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/259298

相关文章

Java实现MD5加密的四种方式

《Java实现MD5加密的四种方式》MD5是一种广泛使用的哈希算法,其输出结果是一个128位的二进制数,通常以32位十六进制数的形式表示,MD5的底层实现涉及多个复杂的步骤和算法,本文给大家介绍了Ja... 目录MD5介绍Java 中实现 MD5 加密方式方法一:使用 MessageDigest方法二:使用

Java中的runnable 和 callable 区别解析

《Java中的runnable和callable区别解析》Runnable接口用于定义不需要返回结果的任务,而Callable接口可以返回结果并抛出异常,通常与Future结合使用,Runnab... 目录1. Runnable接口1.1 Runnable的定义1.2 Runnable的特点1.3 使用Ru

Java中Runnable和Callable的区别和联系及使用场景

《Java中Runnable和Callable的区别和联系及使用场景》Java多线程有两个重要的接口,Runnable和Callable,分别提供一个run方法和call方法,二者是有较大差异的,本文... 目录一、Runnable使用场景二、Callable的使用场景三、关于Future和FutureTa

Spring 中 BeanFactoryPostProcessor 的作用和示例源码分析

《Spring中BeanFactoryPostProcessor的作用和示例源码分析》Spring的BeanFactoryPostProcessor是容器初始化的扩展接口,允许在Bean实例化前... 目录一、概览1. 核心定位2. 核心功能详解3. 关键特性二、Spring 内置的 BeanFactory

Spring组件初始化扩展点BeanPostProcessor的作用详解

《Spring组件初始化扩展点BeanPostProcessor的作用详解》本文通过实战案例和常见应用场景详细介绍了BeanPostProcessor的使用,并强调了其在Spring扩展中的重要性,感... 目录一、概述二、BeanPostProcessor的作用三、核心方法解析1、postProcessB

Java导入、导出excel用法步骤保姆级教程(附封装好的工具类)

《Java导入、导出excel用法步骤保姆级教程(附封装好的工具类)》:本文主要介绍Java导入、导出excel的相关资料,讲解了使用Java和ApachePOI库将数据导出为Excel文件,包括... 目录前言一、引入Apache POI依赖二、用法&步骤2.1 创建Excel的元素2.3 样式和字体2.

Java实现将Markdown转换为纯文本

《Java实现将Markdown转换为纯文本》这篇文章主要为大家详细介绍了两种在Java中实现Markdown转纯文本的主流方法,文中的示例代码讲解详细,大家可以根据需求选择适合的方案... 目录方法一:使用正则表达式(轻量级方案)方法二:使用 Flexmark-Java 库(专业方案)1. 添加依赖(Ma

Spring Boot拦截器Interceptor与过滤器Filter详细教程(示例详解)

《SpringBoot拦截器Interceptor与过滤器Filter详细教程(示例详解)》本文详细介绍了SpringBoot中的拦截器(Interceptor)和过滤器(Filter),包括它们的... 目录Spring Boot拦截器(Interceptor)与过滤器(Filter)详细教程1. 概述1

SpringBoot利用dynamic-datasource-spring-boot-starter解决多数据源问题

《SpringBoot利用dynamic-datasource-spring-boot-starter解决多数据源问题》dynamic-datasource-spring-boot-starter是一... 目录概要整体架构构想操作步骤创建数据源切换数据源后续问题小结概要自己闲暇时间想实现一个多租户平台,

Java反转字符串的五种方法总结

《Java反转字符串的五种方法总结》:本文主要介绍五种在Java中反转字符串的方法,包括使用StringBuilder的reverse()方法、字符数组、自定义StringBuilder方法、直接... 目录前言方法一:使用StringBuilder的reverse()方法方法二:使用字符数组方法三:使用自