如何使用javascript按顺序运行number语句？

我试图用javascript按顺序运行一些语句，并编写了这些代码，但没有成功。请给出建议

    var repeat = true;

    var bootstrap = false;
    function fifteen() {
        document.getElementsByClassName("progress-bar")[0].setAttribute("style", "width:50%");
        //document.getElementsByClassName("progress-bar")[0].style.width = "width:50%";

    }

    function sixteen() {
        if ( bootstrap != true) {
            document.getElementsByClassName("progress-bar")[0].setAttribute("style", "width:70%");

        }
    }

    var i = 0;
    function onehundred() {
        if (bootstrap === true) {
            document.getElementsByClassName("progress-bar")[0].setAttribute("style", "width:100%");
            console.log(++i);
        }
    };

    function clear() {
        if (document.getElementsByClassName("progress-bar")[0].style.width === "100%") {
                clearInterval(r1);
                clearInterval(r2);
                clearInterval(r3).done(function() {
                    document.getElementsByClassName("progress-bar")[0].style.display = "none";
                    document.getElementById("content").className = "";
                });

            }
    }
    //repeet this work 

      var r1=  setInterval(function () { sixteen(); }, 100);
      var r2=  setInterval(function () { onehundred(); }, 100);
      var r3 = setInterval(function () { clear(); }, 100);

控制台中的错误：

未捕获的TypeError:无法读取未定义的属性“done”

返回未定义的

。你不能把

.done

方法和JavaScript中的任何东西联系起来

无论怎样，

clearInterval

都是同步的。把那些陈述放在后面

clearInterval(r3);
document.getElementsByClassName("progress-bar")[0].style.display = "none";
document.getElementById("content").className = "";

如果您真的想要这个功能，您需要覆盖现有的

clearInterval

，但这是近乎愚蠢的，创建了看起来混乱的代码，这意味着没有异步流

（函数（）{
var old=净间隔；
clearInterval=函数（id）{
旧身份证；
返回{
完成：功能（fn）{
fn（）；
}
};
};
}());请提供完整的代码示例