如何使Invisible div在Jquery中競爭？

Question

你能告訴我如何使div的內容不可見嗎。換句話說，我舉一個例子，在div中打印一行。但是它對用戶不可見，但是應該在div中寫。但是一段時間之后對用戶可見。

我嘗試隱藏可見性，但不起作用..

http://jsfiddle.net/QuETp/2/

setInterval(function(){

$('#test').append('hi i am div.')
console.log($('#test').html());
},1000);

Answer 1

添加此行：

$('#test').hide();

在頂部。

然后添加這部分代碼：

setTimeout(function(){
   $('#test').show('fade');
},5000);

因此，您的完整代碼將變為：

$('#test').hide(); // hides the div

setInterval(function () {
    $('#test').append('hi i am div.')
    console.log($('#test').html());
}, 1000); // adds line to the div

setTimeout(function () {
    $('#test').fadeIn();
}, 5000);  // shows the div after 5 seconds with fading animation.

演示版

Answer 2

你期望這樣嗎

的HTML

<div id="test"></div>

<input type="button" id="doBlock" value="doBlock">

的CSS

#test{

   height:100px;
    overflow:auto;
    border:1px solid red;
    width :100%;
    display:none;
}

javascript

setInterval(function(){

$('#test').append('hi i am div.')
//console.log($('#test').html());
},1000);

$( "#doBlock" ).click(function() {
  $( "#test" ).css("display", "block");
});

演示 http://jsfiddle.net/QuETp/6/