来源：未知 时间：2022-06-25 23:17 作者：小飞侠 阅读:次
[导读] javascript常用数学公式之曲线运动 勾股定理 a*a + b*b =c*c 三角函数 正弦 : sin 余弦 : cos 正切 : tan 余切 : cot 正弦定理 a/sinA = b/sinB =c/sinC = 2r（r为外接圆半径） 余弦定理 cosA = b*b + c*c - a*a /...
|
javascript常用数学公式之曲线运动 勾股定理a*a + b*b =c*c
三角函数正弦 : sin
//角度 testNode.style.left = startX + (deg*Math.PI/180)*step/2 +'px'; //Math.sin() 函数返回一个数值的正弦值。 testNode.style.top = startY + Math.sin( deg*Math.PI/180 )*step*2+"px";
https://www.zixuephp.com/static/res/jsmath/test1.html <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#test{
position: absolute;
left: 200px;
top: 300px;
width: 10px;
height: 10px;
background: black;
}
.box{
position: absolute;
border: 1px solid;
}
</style>
</head>
<body>
<div id="test"></div>
</body>
<script type="text/javascript">
window.onload=function(){
var testNode = document.querySelector("#test");
var startX = testNode.offsetLeft;
var startY = testNode.offsetTop;
//角度
var deg =0;
var step = 100;
setInterval(function(){
deg++;
testNode.style.left = startX + (deg*Math.PI/180)*step/2 +'px';
testNode.style.top = startY + Math.sin( deg*Math.PI/180 )*step*2+"px";
var boxNode = document.createElement("div");
boxNode.classList.add("box");
boxNode.style.left=testNode.offsetLeft+"px";
boxNode.style.top=testNode.offsetTop+"px";
document.body.appendChild(boxNode);
},1000/60)
}
</script>
</html> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
