如何在HTML5 / CSS3 / JS Banner中添加3次循环？

Question

我正在html5中创建一个横幅。它工作正常一次。但我需要在此横幅中添加3次循环。任何人都可以帮助我吗？

我的代码：

<div id="container">
    <div id="slide1">
        <div id="Img1"><img src="images/slide_image_1.jpg"></div>
        <div id="tnumbAnimation"></div>
    </div>
    <div id="slide2"></div>
    <div id="copy1">With our Personal Loan,<br>your only summer challenge<br>is reading 800 hotel reviews. </div>
    <div id="logo"></div>
    <div id="copy2">Now with AED 500 <br>airline voucher and more</div>
    <div id="cta"><a href="#">Find out more</a></div>  
</div>

Answer 1

如果没有用于实现动画的特定JavaScript代码，很难回答这个问题，但基于您使用变量i和j的事实，我想你是使用像for()或while()这样的迭代循环。如果是这种情况，如果您希望它循环三次，您可以设置另一个跟踪已完成次数的变量，然后根据需要重置i和/或j个变量，直到它执行了三次。