代码之家 › 专栏 › 技术社区 › Rakward

jquery delay()-函数中断循环?

fadeout fadein delay jquery

Rakward · 技术社区 · 14 年前

我试图淡入和淡出一个元素,但是中间稍微停顿一下,它就可以不停顿地工作,但是当我使用jquery delay()函数添加停顿时,它就在第一个淡出()之后停止了;

代码如下:

$('#headerimage2').each(function(){
for(i=1;i<50;i++){
    $(this).fadeOut(1200).delay(1000).fadeIn(1000).delay(1000);
    }
});

为什么delay()函数(第一个和第二个)会中断循环?

2 回复 | 直到 14 年前

BradBrening 14 年前

在黑暗中拍摄,但你确定你使用的是1.4版本的库。这是该版本的新函数。

Bosh 14 年前

您发布的代码在firefox、safari和chrome中使用最新的jquery完美工作:

<!DOCTYPE html>
<html>
<head>
  <style>
div { width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<p><button>Run</button></p>
<div id='headerimage2' class="first"></div>
<script>
    $("button").click(function() {
    $('#headerimage2').each(function(){
    for(i=1;i<5;i++){
        $(this).fadeOut(100).delay(500).fadeIn(100).delay(500);
       }
    });
    });
</script>
</body>
</html>

推荐文章

Rafael Pontes · 如何使用NodeJS发送多个顺序定时https请求?

6 年前

NiteIsAFK · 延迟某个功能而不停止整个程序//Swift 4

6 年前

Rémy Kaloustian · ReactJS-向链接添加延迟

6 年前

Madeleine Smith · 超时后添加视图会导致其他视图的填充出错-Android

6 年前

Fabien · 是任务。什么时候会报告错误完成的任务?

6 年前

EquiWare · If(语句)延迟[重复]

7 年前

Daniac · 在Tkinter中正确使用after()

7 年前

Makacino · 如何使用android delay不扩展或实现线程或Runnable

7 年前

KVNA · 如何正确地确定聚合物延迟运行的功能范围?

7 年前

John Mark · jquery。setInterval内的delay()

7 年前