Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Změna obrázku časovačem</title> <h1>Změna obrázku časovačem</h1> <img src="/i/100" width="100" height="100" alt="" id="obrazek"> <p> <button onclick="prehrat()">Přehrát</button> <button onclick="zastavit()">Zastavit</button> </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var obrazek = document.getElementById('obrazek'); var casovac; var krok = 100; var maximum = 500; var dobaObrazku = 1000; var prehrat = function() { krok++; obrazek.src = "/i/" + krok; if (krok < maximum) { obrazek.onload = function() { casovac = setTimeout(prehrat, dobaObrazku); }; } }; var zastavit = function() { clearTimeout(casovac); };
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>