Javascript 如何防止JS运动的水平干扰？

我正在做一个学校项目，我们刚刚开始学习JavaScript。我必须用JS制作一个脚本，让某些东西移动。嗯，我制作了以下脚本：

var object = document.getElementById("object");
        var omhoog = document.getElementById("omhoog");
        var omlaag = document.getElementById("omlaag");
        var links = document.getElementById("links");
        var rechts = document.getElementById("rechts");

        object.style.left = '0px';
        object.style.top = '0px';

        omlaag.onclick = function()
        {
            var positiehuidigtop = parseInt(object.style.top);
            setInterval(function()
            {
                if (parseInt(object.style.top)<positiehuidigtop+100)
                {
                    object.style.top = (parseInt(object.style.top) + 10) + 'px';
                }
            }, 10);
        }

        links.onclick = function()
        {
            var positiehuidigleft = parseInt(object.style.left);
            setInterval(function()
            {
                if (parseInt(object.style.left)>positiehuidigleft-100)
                {
                    object.style.left = (parseInt(object.style.left) - 10) + 'px';
                }
            }, 10);
        }

        rechts.onclick = function()
        {
            var positiehuidigleft = parseInt(object.style.left);
            setInterval(function()
            {
                if (parseInt(object.style.left)<positiehuidigleft+100)
                {
                    object.style.left = (parseInt(object.style.left) + 10) + 'px';
                }
            }, 10);
        }

var object=document.getElementById（“对象”）；
var omhoog=document.getElementById（“omhoog”）；
var omlaag=document.getElementById（“omlaag”）；
var links=document.getElementById（“links”）；
var rechts=document.getElementById（“rechts”）；
object.style.left='0px'；
object.style.top='0px'；
omlaag.onclick=函数（）
{
var positiehuidigtop=parseInt（object.style.top）；
setInterval（函数（）
{
if（parseInt（object.style.top）positiehuidigleft-100）
{
object.style.left=（parseInt（object.style.left）-10）+'px'；
}
}, 10);
}
rechts.onclick=函数（）
{
var positiehuidigleft=parseInt（object.style.left）；
setInterval（函数（）
{
如果（parseInt（object.style.left）在启动新的间隔计时器之前，您应该使用
clearInterval
停止已经运行的间隔计时器

var currentInterval;

omlaag.onclick = function() {
    clearInterval(currentInterval);
    currentInterval = setInterval(
        ...
    );
};

rechts.onclick = function() {
    clearInterval(currentInterval);
    currentInterval = setInterval(
        ...
    );
};

听起来你需要帮助来停止一个动画，同时启动另一个。对吗？另外，jQuery有很多内置功能可以帮助你。也许学校希望你学习原生JS方式，否则你可能想阅读，好吧，我们刚刚开始编程。到目前为止，我们已经学习了HTML和CSS。他们让我们这么做我们将在接下来的几周内学习PHP和jQuery。你应该提供一个例子来说明如何使用JS。