如何在类中执行多重setTimeout jQuery

How to do Multiple setTimeout jQuery in a Class?

本文关键字：setTimeout jQuery 执行      更新时间：2023-09-26

我有一个叫.content的类，这个内容有一个叫做.data-time的属性，我想用setTimeout()函数隐藏它有.content类的所有元素，有人能帮我吗？

HTML代码：

<div class="content first" data-time="200"> </div>
<div class="content second" data-time="300"> </div>
<div class="content third" data-time="400"> </div>
<div class="content fourth" data-time="500"> </div>;

jQuery代码：

    $(".content", this ).each(function(){
        var time = $(this).attr("data-time");
        setTimeout(function() {
            $(this).hide("slow");
        }, time);
    });

请帮我做这个。

在setTimeout函数中，this是窗口。试试这个：

http://jsfiddle.net/uXVAs/

$(".content" ).each(function(){
        var $this = $(this);
        var time = $this.data("time");
        setTimeout(function() {            
            $this.hide("slow");
        }, time);
    });

或者，您可以使用.delay（）jquery函数。

$('.content').each(function(){
    var time = $(this).attr("data-time")
    $(this).delay(time).hide("slow")
});     

此处为示例。

相关文章：