温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
JS动画可以通过改变元素的样式属性来实现。其中，来回动画可以通过设置定时器来实现往返移动的效果。
我们需要定义一个元素，例如一个div，然后设置其初始位置和样式。接下来，我们可以使用定时器来改变元素的位置，从而实现动画效果。
下面是一个示例代码，实现了一个往返移动的动画效果：
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 100px;
height: 100px;
background-color: red;
position: relative;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var box = document.getElementById("box");
var position = 0;
var direction = 1;
function moveBox() {
// 改变元素的位置
position += direction;
box.style.left = position + "px";
// 判断是否到达边界，改变移动方向
if (position >= 200 || position <= 0) {
direction *= -1;
}
}
// 每隔10毫秒调用一次moveBox函数
setInterval(moveBox, 10);
</script>
</body>
</html>
在上面的示例代码中，我们首先定义了一个id为"box"的div元素，并设置了它的样式属性。然后，使用JavaScript获取该元素，并定义了两个变量：position用于记录元素的位置，direction用于记录移动的方向。
接着，我们定义了一个moveBox函数，用于改变元素的位置。在函数中，我们通过改变position的值来移动元素，然后将新的位置赋值给元素的left属性。我们判断是否到达边界，如果到达边界，则改变移动方向。
我们使用setInterval函数每隔10毫秒调用一次moveBox函数，从而实现动画效果。这样，元素就会来回移动。
