Bymas | изчезающий блок

парни как сделать что бы при клике появился блок, но потом через некоторое время он изчес
там js над а я его незнаю,

может кто скинуть шаблон ?

pyrokinesis (24 фев 2023, в 14:56)
парни как сделать что бы при клике появился блок, но потом через некоторое время он изчес
там js над а я его незнаю,

может кто скинуть шаблон ?

html
<div id="my-block" style="display: none;">
<p>Текст блока</p>
</div>
<button id="show-block">Показать блок</button>
js
$(document).ready(function() {
$('#show-block').click(function() {
$('#my-block').fadeIn(500);
setTimeout(function() {
$('#my-block').fadeOut(500);
}, 3000);
});
});
В данном случае jquery но можно и на js
так просто код короче

php

   <button id="myButton">Кликните, чтобы показать блок</button> <div id="myDiv" style="display:none;">Этот блок исчезнет через 5 секунд</div>  myButton.addEventListener("click", () => {   const { style } = myDiv;   style.display = "block";   setTimeout(() => style.display = "none", 5000); });

css

   #myDiv {   background-color: #f5f5f5;   border: 1px solid #ddd;   padding: 10px;   margin-top: 10px; }

________
посл. ред. 24.02.2023 в 15:19; всего 2 раз(а); by 779667185

А еще лучше вот так
function showBlock() {
var myBlock = document.getElementById("myBlock");
myBlock.style.display = "block";

setTimeout(() => myBlock.style.display = "none", 3000);
}
идеально

779667185 [!] (24 фев 2023, в 15:16)

php

   <button id="myButton">Кликните, чтобы показать блок</button> <div id="myDiv" style="display:none;">Этот блок исчезнет через 5 секунд</div>  myButton.addEventListener("click", () => {   const { style } = myDiv;   style.display = "block";   setTimeout(() => style.display = "none", 5000); });

css

   #myDiv {   background-color: #f5f5f5;   border: 1px solid #ddd;   padding: 10px;   margin-top: 10px; }

не хочет работать ((( то есть показывает 1 секунду, ставил на 100000 всеравно не хочет
________
посл. ред. 24.02.2023 в 15:34; всего 1 раз(а); by pyrokinesis

Master zpank (24 фев 2023, в 15:15)
html
<div id="my-block" style="display: none;">
<p>Текст блока</p>
</div>
<button id="show-block">Показать блок</button>
js
$(document).ready(function() {
$('#show-block').click(function() {
$('#my-block').fadeIn(500);
setTimeout(function() {
$('#my-block').fadeOut(500);
}, 3000);
});
});
В данном случае jquery но можно и на js
так просто код короче

поставил, тоже не хочет работать, нажимаю , оно показывает на одну милисекунду и все

pyrokinesis (24 фев 2023, в 15:52)
поставил, тоже не хочет работать, нажимаю , оно показывает на одну милисекунду и все

Код рабочий

Master zpank (24 фев 2023, в 15:55)
Код рабочий

библиотека нужна для нее ? в консоле ошибок нет ((( хотя я правильно установил

pyrokinesis (24 фев 2023, в 16:00)
библиотека нужна для нее ? в консоле ошибок нет ((( хотя я правильно установил

Я же написал, нужна jquery

Master zpank (24 фев 2023, в 16:01)
Я же написал, нужна jquery

вроде стоит

<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.2.min.js"></script>