小编Rob*_*hue的帖子

我正在执行这个 JavaScript，这是一种自我解释（我认为）。一个带有类的页面上大约有 100 个按钮button，我希望它们一个一个地点击。它工作正常。

但我想在点击下一步按钮之前添加 5 秒的延迟。

var mybtn = document.getElementsByClassName('.button');
for( var i=0; i<100; i++ ) {
    mybtn[i].click();
}

所以这是我的HTML.默认情况下container显示一些示例文本.我想用存储在javascript变量中的相应HTML内容替换它.

<ul>
  <li><span class="link" id="item01">Menu 1</span></li>
  <li><span class="link" id="item02">Menu 2</span></li>
  <li><span class="link" id="item03">Menu 3</span></li>
  <li><span class="link" id="item04">Menu 4</span></li>
  <li><span class="link" id="item05">Menu 5</span></li>
</ul>

<div class="container">Sample Text</div>

现在,HTML内容存储在变量item01,item02,item03等等.所以这是我创建的jQuery.

<script type="text/javascript">
  <!--
  $(document).ready(function() {
    var item01 = '<span>Content of item 1</span>';
    var item02 = '<span>Content of item 2</span>';
    var item03 = '<span>Content of item 3</span>';
    var item04 = '<span>Content of item 4</span>';
    var item05 = '<span>Content of item 5</span>';

    $('.link').on('click',function(){
       var $this = $(this); …