如何让我的函数 360 度旋转和上下移动?
How can make my function rotate 360 and move up and down?
大家好,我正在为一个项目制作我的 java 脚本的动画,作为 java-script 的新手,我只是想出了如何让我的形象向上移动和在一个固定的区域。如何让我的对象 "dank" 也无限旋转 360,同时使用以下代码上下移动它?任何帮助表示赞赏!
window.addEventListener("load", function() {
function myMove() {
var elem = document.getElementById("dank");
var pos = 100;
var id = setInterval(frame, 10);
function frame() {
pos += 0.3;
elem.style.top = pos + "px";
if (Math.abs(pos) >= 250){
pos = 100;
}
frame();
}
}
您可以使用elem.style.transform
来旋转文本。如果你将学位分配给一个数字,它会是这样的:
elem.style.transform = "rotate(" + degrees + "deg)"
您还应该删除 "frame();",您不需要它,因为 setInterval(frame, 10) 已经一遍又一遍地调用该函数。把它放在那里可能会导致一些递归问题。
大家好,我正在为一个项目制作我的 java 脚本的动画,作为 java-script 的新手,我只是想出了如何让我的形象向上移动和在一个固定的区域。如何让我的对象 "dank" 也无限旋转 360,同时使用以下代码上下移动它?任何帮助表示赞赏!
window.addEventListener("load", function() {
function myMove() {
var elem = document.getElementById("dank");
var pos = 100;
var id = setInterval(frame, 10);
function frame() {
pos += 0.3;
elem.style.top = pos + "px";
if (Math.abs(pos) >= 250){
pos = 100;
}
frame();
}
}
您可以使用elem.style.transform
来旋转文本。如果你将学位分配给一个数字,它会是这样的:
elem.style.transform = "rotate(" + degrees + "deg)"
您还应该删除 "frame();",您不需要它,因为 setInterval(frame, 10) 已经一遍又一遍地调用该函数。把它放在那里可能会导致一些递归问题。