Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JAVASCRIPT jak zmieniać w pętli odnośniki obrazkowe?
nowy_pehapowiec
post
Post #1





Grupa: Zarejestrowani
Postów: 220
Pomógł: 0
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----


Jak zrobić pętlę w JAVASCRIPT, która podmieniałaby np co 30sekund odnośnik z obrazkiem? Czyli taka nieskończona pętla.

Wiem jak uzyskać gorszy efektem przy pomocy pętli if, sprawdzam czy liczba sekund aktualnego czasu jest większa czy mniejsza od 30 i odpowiedniemu odnośnikowi daje display block. Ale w ten sposób to jedynie dwa odnośniki zmieszczę w minucie. A chciałbym mieć ich np 5 i aby cała pętla trwała 2,5minuty. Jak to zrobić?

pozdor
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




Na jakimkolwiek kursie JS dowiesz się wszystkiego, to podstawy. Jeżeli chcesz wstawić obrazek z odnośnikiem, wrzuć go w tablicę, tak jak wstawiłem obrazki...

EDIT: kompletna strona to przetestowania:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="keywords" content="...">
<meta name="description" content="...">
<title>news</title>

<link type="text/css" rel="stylesheet" href="pliki/style.css">
</head>
<body>

<div id="tutaj"></div>

<script language="javascript" type="text/javascript">
<!--

nr = 0;
czas = 30000; // w milisekundach (1 sekunda = 1000 ms)

txt = new Array();
txt[0] = "<a href=\"http://www.link1.pl\"><img src=\"obraz1.png\" alt=\"klik1\" width=\"116\" height=\"41\" border=\"0\" style: outline: none;/></a>";
txt[1] = "<a href=\"http://www.link2.pl\"><img src=\"obraz2.png\" alt=\"klik2\" width=\"116\" height=\"41\" border=\"0\" style: outline: none;/></a>";
txt[2] = "<a href=\"http://www.link3.pl\"><img src=\"obraz3.png\" alt=\"klik3\" width=\"116\" height=\"41\" border=\"0\" style: outline: none;/></a>";

function napis() {
document.getElementById("tutaj").innerHTML = txt[nr];
nr++;
if (nr>=txt.length) nr=0;
setTimeout("napis()",czas);
}

napis();
// -->
</script>

</body>
</html>


Ten post edytował Kshyhoo 14.01.2010, 12:18:43
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.12.2025 - 13:56