Jquery-显示/隐藏图像

时间:2011-06-29 09:13:33

标签: jquery jquery-plugins

单击复选框时,图像应显示5秒钟,然后应隐藏..

   $(".isActive").click(function() {

         var checkBox_id = $(this).attr("id");        // id of checkbox
         var div_id = $(this).closest('tr').find('.display_image').attr("id");
         $("#"+div_id).empty().html('<img src="${resource(dir:'images',file:'spinner.gif')}"/>');

布拉赫.....等等...

如何更改代码,使图像仅显示5秒钟,然后隐藏图像......

3 个答案:

答案 0 :(得分:2)

在代码后添加:

setTimeout(function(){
  $("#"+div_id).empty();
}, 5000);

或者您可以更改中间行:

$('#'+div_id).find('img').hide();

答案 1 :(得分:1)

使用延迟():

$( function(){
    $('button').click( function(){
        $('.image').fadeIn().delay(5000).fadeOut();
    });
});

http://jsfiddle.net/WPDF9/

答案 2 :(得分:0)

你可以使用

setTimeout("function name", 5000);

further here