Как сделать так, чтобы 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>