如何使用jQuery重置脚本?

时间:2016-05-12 05:39:30

标签: javascript jquery

我试图向上滑动三个li,接下来的三个li会在之前li向上滑动。这工作正常。我在循环结束时遇到问题,我的意思是所有li向上滑动然后需要一些时间再次启动我想快速重置。

<div id="content">
   <ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
     <li>6</li>
     <li>7</li>
     <li>8</li>
     <li>9</li>
   </ul>
</div>

JS

var i = 2,
  $ul = $('#content ul'),
  int = setInterval(function() {
      $('li', $ul).slideUp();
      $('li' + (i == -1 ? '' : ':gt(' + i + ')') + ':lt(3)', $ul).slideDown();
      i += 3;
      if (i >= $('li', $ul).length) i = -1;
      if (i == -1) {
      }
    },
    2000);

任何人都可以指导我该怎么做?

Demo Example

2 个答案:

答案 0 :(得分:1)

您需要为此更新if条件。如果该值等于或大于(li length) - 1,那么它应该从头开始。

&#13;
&#13;
var i = 2,
  $ul = $('#content ul'),
  int = setInterval(function() {
      $('li', $ul).slideUp();
      $('li' + (i == -1 ? '' : ':gt(' + i + ')') + ':lt(3)', $ul).slideDown();
      i += 3;
      if (i + 1 >= $('li', $ul).length) i = -1;
      // ----^----
    },
    2000);
&#13;
#content ul li:nth-child(n+4) {
  display: none
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="content">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
  </ul>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

这可能适用于您要求的内容,设置时间延迟:

import os

    checkdir = "/lib/modules"
    path = os.path.exists(checkIPMI_dir)
    print path