在圖像上顯示div點擊然後在x秒後隱藏它

我發現了兩個獨立的代碼，符合我的需求，但我沒有知識把它們放在一起。

如果您有任何更好的代碼 - 然後讓我知道）

感謝

代碼至極使得內容dissapear x秒後：

<script> 
    window.setTimeout(function() { 
     $('#fadeout').hide(2000); 
    }, 4000); 
</script>

代碼至極品牌。 div出現在imageclick上：

<SCRIPT> 
function fade(div_id, button) { 

    if(button.value == 'FadeOut') { 
     $('#'+div_id).fadeOut('slow'); 
     button.value = 'FadeIn'; 
    } 
    else { 
     $('#'+div_id).fadeIn('slow'); 
     button.value = 'FadeOut'; 
    } 
} 

$('#sometext').fadeOut(2); 
</script>

來源

2012-11-10 user1813739

而不是使用'慢'，你可以使用毫秒的時間值。

來源

2012-11-10 07:31:26 Ofisora

感謝您的重播。但我似乎無法得到它的工作。我想要一個div在5秒後消失，當我點擊圖像時（不是在5秒鐘內慢慢地，而是在5秒鐘後緩慢地等待1秒鐘）。冷，請給我一個最終的代碼？謝謝 – user1813739

類似的文章是在[本頁]（http://stackoverflow.com/questions/11621126/hide-show-div-on-image-click-with-jquery） – Ofisora

也許這可以幫助：

$('#fadeout').hide(); // hide div 
$('img').live('click', function(e){ 
    e.preventDefault(); //cancel default action of click 
    $('#fadeout').show().delay(5000).fadeOut(1000); //show div on img click then hide after 5 seconds 
});

這裏的工作示例：http://jsfiddle.net/7X767/3/

來源

2012-11-12 01:51:31 jec

在圖像上顯示div點擊然後在x秒後隱藏它

回答

相關問題