运行一次setInterval,然后停止
Run setInterval once and then stop
我目前正在将一个"active"类应用于一组列表项。您可以在这里看到小提琴:
http://jsfiddle.net/y9h5q/906/编辑:这是HTML:<div id="slider">
<ul>
<li class='active'> a </li>
<li> b < </li>
<li> c < </li>
<li> d < </li>
<li> e < </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?
你的意思是:http://jsfiddle.net/xELsc/?
[编辑:添加脚本]
像这样修改你的js:
var toggleSlide = setInterval( function() {
$("#slider li.active").removeClass().next().last().addClass("active");
},300);
我是这么想的:
var toggleSlide = setInterval(function() {
if ($("#slider li.wasActive").length == $("#slider li").length) {
clearInterval(toggleSlide);
} else {
$("#slider li.active")
.removeClass("active")
.addClass("wasActive")
.next()
.addClass("active");
}
}, 300);
$("li").click(function() {
clearInterval(toggleSlide);
});
显然不像CrisDeBlonde那样方便和简短,但仍然有效。此外,为了可读性起见,我链接了您的jQuery。
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- Javascript运行php文件,然后下载文件
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 弹出窗口出现,然后退出
- node.js:setInterval()正在跳过调用
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 将值输入到对象,然后该对象推送到数组
- 如何临时暂停浏览器渲染,然后恢复整个页面
- JS:检查URL中的参数,然后迭代一个参数为var的函数
- 滚动然后捕捉到顶部而不是取消捕捉
- AngularJS加载JSON数据,然后从中解析/加载HTML
- setInterval和clearInterval javascript无法按需工作
- 有没有一个抽象层,这样我就可以集成一次,然后使用pusher、pubnub或faye
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- 如何不增加setInterval然后调用多次
- 暂停setInterval然后继续有问题
- 运行几次setInterval,然后暂停几秒钟
- 运行一次setInterval,然后停止
- setInterval只工作一次,然后停止
- Javascript在setInterval上运行函数,然后单击