onClick顯示iframe 5000，然後隱藏

Question

我在爲使用HTML，CSS和jQuery的遠程可用性測試構建一次印象測試。用戶需要點擊一個按鈕開始印象測試，這將顯示客戶端的頁面在iframe中5秒鐘，然後隱藏自己。

我查找了很多與此非常相似的代碼，但並不完全符合我的需要，而且我無法讓自己工作，因爲我的jQuery知識還很差。

所以，我正在尋找的是這樣的：

上單擊顯示的iframe 5000

隱藏

我使用這段代碼顯示的點擊與CSS iframe中嘗試{顯示：無};

<script type="text/javascript"> 
    $(function() { 
     $("#show").click(function() { 
      $("#iframe1").show("5000"); 
     }); 
    }); 
</script> 

思考「點擊後會顯示5秒鐘，然後回到正常顯示：無

但是，沒有......它顯示了點擊它就留在那裏

誰能幫我

Answer 1

這裏是你會怎麼做jQuery中：

$(document).ready(function() { 
    $("#show").click(function() { 
     $("#iframe1").show().delay(5000).hide(500); 
    }); 
}); 

小提琴：http://jsfiddle.net/5vC68/

Answer 2

你要使用window.setTimeout事件呢？例如：。

$(document).ready(function() { 
    $('#element').hide(); 

    window.setTimeout(function() { 
    $('#element').show(); 
    }, 5000); 

}); 

您可以調換隱藏/顯示來滿足您的需求。

的jsfiddle：http://jsfiddle.net/NfCHG/1/

Answer 3

試試這個

<script type="text/javascript"> 
    $(function() { 
    $("#show").click(function() { 
    $("#iframe1").show().delay(500); 
    $("#iframe1").show().delay(5000); 
}); 
}); 
</script>