我怎么做才能让div隐藏在一定的时间内

Question

我想做一个wackamole游戏，我希望鼹鼠（一个div）只能在一定时间内保持可见状态。 有什么方法可以用javascript来做这个

 <div class="mole">mole</div> 

Answer 1

使用setTimeout(function, delay)

 setTimeout(function() { document.getElementsByClassName("mole")[0].style.display = 'none'; }, 1000); 

 <div class="mole">mole</div> 

请注意，为元素指定id可能会很好，这样您就可以直接定位元素。 现在我只是选择第一个（在示例中唯一的）元素与mole类。

Answer 2

使用setTimeout(function,milliseconds,param1,param2,...)在哪里

功能 - 必填。 将要执行的功能

毫秒 - 可选。 执行代码之前等待的毫秒数。 如果省略，则使用值0

param1，param2，... - 可选。 传递给函数的其他参数（IE9及更早版本不支持）

 setTimeout(function(){ $(".mole").hide() }, 3000); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="mole">mole</div>