Jquery将ID添加到标头，然后在特定时间后删除它

Question

我正在尝试找到在我的网页上实现jquery函数的正确方法。我的目标是在我的页面首次访问时添加动画ID，然后在20秒后我想删除该特定的动画ID并添加另一个ID来取代它。这是我目前的代码和网页。任何建议都将不胜感激。

$(document).ready(function(){ 
    $('header').attr('id', 'imageContainer');
});

Answer 1

首先，我建议您使用class，因为要遵循最佳做法，id属性一旦创建就不会被修改。要实现类删除，您可以使用计时器，特别是setTimeout()。试试这个：

$(function(){ 
    $('header').addClass('imageContainer');
    setTimeout(function() {
        $('header').removeClass('imageContainer');
    }, 20000); // 20 seconds
});

More information on setTimeout()