Forum PHP.pl > div znikający po kilku sekundach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: div znikający po kilku sekundach

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

1010

15.09.2008, 17:57:54

Witam, jak można zrobić diva, który po załadowaniu pokazuje się, ale znika po 5 sekundach?

Cienki1980

15.09.2008, 19:58:53

Oto kod wykorzystujący trochę JS i jQuery ( nie mam siły szukać w dokumentacji jQuery jak wywołuje się funkcję po określonym upływie czasu - zakładam że takowa jest )

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<style type="text/css">
<!--
 
#div_id {
 position:absolute;
 height:200px;
 width:150px;
 background-color:red;
 top:30px;
}
 
.hide {
 left: -150px;
}
 
-->
</style>
 
<script type="text/javascript">
$(document).ready(function () {
    setInterval("ukryjDiv();", 1000);
});
 
 
function ukryjDiv() {
 $("#div_id").addClass("hide");
}
 
</script>
 
<body>
<div id="div_id">jakis znikajacy div</div>
</body>
</html>
[HTML] pobierz, plaintext

Wystarczy zmienić czas w milisekundach w setInterval();

webasek

15.09.2008, 20:10:51

Proszę oto kod:

[HTML] pobierz, plaintext 
<html>
<head>
<script>
 
function ukryj() {
 
 document.getElementById("znikajacy").style.display="none";
}
</script>
</head>
<body>
 
<div id="znikajacy">
obrazek/tresc/co chcesz
</div>
 
<script>
 
setTimeout("ukryj()",5000);
 
</script>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.