Py学习  »  Jquery

避免在setInterval jquery中等待时间

Max • 5 年前 • 1374 次点击  

我正在写剧本 li 内容显示在 input

我必须等待10秒,让代码在初始化后开始执行 button 点击。。。

如何避免这种行为?我只想剧本马上开始。

$("button").on("click", function() {
  var items = $(".menu li"), idx = 0;

  var timer = setInterval(function() {
    var currText = items.eq(idx).text()
    if (idx < items.length - 1) idx++;
    else idx = 0;
    
    
    $("#show").val(currText);
 
  }, 10000);
});
input {
  width: 40px;
  height: 40px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<button>show li in order every 10 seconds</button>

<input type=text id="show" />
<ul class="menu">

  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
</ul>
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/53243
 
1374 次点击  
文章 [ 1 ]  |  最新文章 5 年前