|
|
這里是彈簧的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彈簧振子超簡潔版 完全符合能量守恒,胡克定理，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
