我如何讓它在一定的時間內隱藏一個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>