如何使用javascript将CSS对象从右向左移动

Question

嗨，在javascript中，我们可以选择找到元素的offSetRight位置，并可以使用setInterval方法将其从左向右移动，但我喜欢将该对象从右向左移动，我在代码中找不到任何可以使用的javascript方法，我还想提一下，我是Js的新手，所以我希望人们对我宽容一点。

p.s-动画不允许使用CSS和Jquery。

var e = document.getElementById("aDiv");
var s = 1;


function myInterval() {
var eLeftPos = e.offsetLeft;
//console.log(e.offsetLeft);
e.style.left = (eLeftPos + s) + 'px';
//console.log(e.style.left);

var leftPos = (eLeftPos + s) >= 300
if (leftPos) {
function myInterval1() {
var eTopPos = e.offsetTop;
//console.log(e.offsetLeft);
e.style.top = (eTopPos + s) + 'px';
//console.log(e.style.top);
if ((eTopPos + s) >= 100){
clearInterval(internal1)
}
}
var internal1 = setInterval(myInterval1, 100);

}
if ((eLeftPos + s) >= 300){
clearInterval(internal)
}
}
var internal = setInterval(myInterval, 100);

Answer 1

尝试使用CSS方法而不是Javascript。试试这个：CSS动画从左到右

或者这个：如何设置从左到右文本形式滑动的动画