javascript - 刷新时淡出并进入 iframe?

标签 javascript jquery iframe fadein

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

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

setInterval(refresh, 20*1000);

有没有一种方法可以让 iframe 淡出然后再淡入,从而使刷新更顺畅?什么都没有然后什么东西突然闪现真的很丑。

谢谢

最佳答案

你可以这样做:

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

关于javascript - 刷新时淡出并进入 iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26164181/

相关文章:

javascript - 根据对象中键的数量生成子元素

javascript - CSS Transition - 顺利显示div

JavaScript 无限循环幻灯片放映延迟?

javascript - 使 jQuery 附加标签可以切换复选框

macos - 嵌入式YouTube iframe在Safari(MacOS)中无法正常工作

php - 如何编辑 php 文件并在多列中返回 wordpress 博客条目?

javascript - 检测用户何时与 IFrame JavaScript 交互

jquery - 单击其他按钮时,如何使所有选定的按钮恢复为原始按钮?

html - 确定是否从 Iframe 服务器端加载没有客户端

css - 介绍为隐藏#div。单击停止声音