javascript - 运行 setInterval 一次然后停止

Question

我目前正在将“事件”类应用于一组列表项。你可以在这里看到 fiddle :

http://jsfiddle.net/y9h5q/906/

编辑:这是 HTML:

<div id="slider">
  <ul>
    <li class='active'> a </li>
    <li> b &lt; </li>
    <li> c &lt; </li>    
    <li> d &lt; </li>
    <li> e &lt; </li>
  </ul>
</div>

...这是 javascript:

var toggleSlide = setInterval(function(){
    $("#slider li.active").removeClass().next().add("#slider li:first").last().addClass("active");
},300);

$("li").click(function(){
    clearInterval(toggleSlide);
});

我希望 setInterval 只运行一次，在最后一个列表项之后停止。

我不确定是使用 setInterval 还是 setTimeout？

Answer 1

你的意思是这样的:http://jsfiddle.net/xELsc/ ？

[编辑:添加脚本]
像这样更改您的 js:

var toggleSlide = setInterval( function() {
      $("#slider li.active").removeClass().next().last().addClass("active");
},300);