Javascript 将类逐个添加到跨度标记组_Javascript_Html_Css

Javascript 将类逐个添加到跨度标记组

javascript html css

Javascript 将类逐个添加到跨度标记组,javascript,html,css,Javascript,Html,Css,我得到如下html结构： <body> <div class="container"> <span cl

我得到如下html结构：


<body>
    <div class="container">
        <span class="block done" id="1"></span>
        <span class="block" id="2"></span>
        <span class="block" id="3"></span>
        <span class="block" id="4"></span>
        <span class="block" id="5"></span>
    </div>
    <script src="loaders.js"></script>
</body>

我当前的目标是将每个1s类“done”（它是某种简单的加载条）逐个添加到span中，当最后一个span“done”类完成时，所有内容都会重新启动并反复循环。有人能帮我用香草JavaScript写这个吗

您可以这样做：

var blocks=document.getElementsByClassName（'block'）；
（函数animateProgress（n）{
对于（变量i=0；i
.block{
浮动：左；
背景：#需要；
填充：1em；
保证金：1px；
}
.完成{
背景：#7be47b；
}

谢谢！我喜欢这个解决方案：）是我还是调用堆栈将变得庞大？@ZohirSalak是你：）哦，天哪，这是一件方便的事情，我完全不知道。谢谢：）