类的Javascript赢得'；t正常工作-j.查询、动画、间隔

我试图做的脚本动画背景颜色的段落。我有这样的想法：

var time = 500;
var liczbaid = document.getElementsByTagName("p");
myVar = setInterval(function() { kolorgora() }, 3000);

function kolorgora(){
    for (i = 0; i <= liczbaid.length; i++){
        var p = $("#" + i);
        p.animate({backgroundColor: "#aa0000"}, 1000+i*time);
        p.animate({backgroundColor: "#ffffff"}, 2000+i*time);
    }
};

function kolordol(){
    for (i = 0; i <= liczbaid.length; i++){
        var p = $("#" + (liczbaid.length-i));
        p.animate({backgroundColor: "#aa0000"}, 1000+i*time);
        p.animate({backgroundColor: "#ffffff"}, 2000+i*time);
    }
};

var时间=500；
var liczbaid=document.getElementsByTagName（“p”）；
myVar=setInterval（函数（）{kolorgora（）}，3000）；
函数kolorgora（）{
对于（i=0；我建议提供一个CodePen或JSFiddle，这样人们就可以很容易地理解您试图实现的目标和出现的问题。JSFiddle已经在帖子中了。反向工作，但我需要有可能通过按钮改变方向。
var time = 500;
var liczbaid = document.getElementsByTagName("p");
var zmienna = 0;
var interval = setInterval(function() { kolorif() }, 3000);

function kolorif() {
    for (i = 0; i <= liczbaid.length; i++) {
        if (zmienna == 0) {
            var p = $("#" + i);
            p.animate({backgroundColor: "#aa0000"}, 1000+i*time);
            p.animate({backgroundColor: "#ffffff"}, 2000+i*time);
        } else if (zmienna == 1) {
            var p = $("#" + (liczbaid.length-i));
            p.animate({backgroundColor: "#aa0000"}, 1000+i*time);
            p.animate({backgroundColor: "#ffffff"}, 2000+i*time);
        } else if (zmienna == 2) {
            clearInterval(interval);
        }
    }
};