2014-10-02 41 views
1

我耳目一新的iframe使用以下SRC更新方法每20秒:淡出並在iframe上刷新?

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

setInterval(refresh, 20*1000); 

有沒有辦法通過了衰落的iframe,然後回到使刷新更流暢?沒有任何東西突然閃現真是醜陋。

感謝

回答

3

你可以這樣做:

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

哇在2分鐘內你給了我一個完美的答案!感謝編輯:它甚至不會讓我勾選你的答案呢! – Cu1ture 2014-10-02 15:33:08

+0

@ Cu1ture - 總是樂於幫忙! :d – tymeJV 2014-10-02 15:34:04

1

你能在iframe的不透明度1. 添加一個白色的div使用jQuery你可以從0動畫改變不透明度爲1,更新的iframe並且將不透明度從1改變爲0.

也許? :-)