在刷新时淡出和iframe?

时间:2014-10-02 15:24:35

标签: javascript jquery iframe fadein

我使用以下src更新方法每20秒刷新一次iframe:

function refresh(){
    $('#1').attr('src',function(i, val){ return val; });
};

setInterval(refresh, 20*1000);

有没有办法通过淡化iframe然后重新进入来使刷新更顺畅?什么都没有突然闪现真是难看。

由于

2 个答案:

答案 0 :(得分:3)

你可以这样做:

function refresh(){
    $('#1').fadeOut(function() {
        $(this).attr('src', function(i, val) { 
            return val; 
        });
    }).fadeIn();
};

答案 1 :(得分:1)

你可以在不透明度为1的iframe上添加白色div。 使用jquery,您可以使用动画将不透明度从0更改为1,更新iframe,然后将不透明度从1更改为0。

也许? : - )