mam problem z ktorym nie potrafię sobie poradzic. Próbuję stworzyć timer ktory bedzie wyswietlany w jednym div(za pomoca funkcji bedzie konsekwetnie zmniejszany co sekunde). Problem w tym, że div ktore znajduja sie po moim timerze(ktory jest pierwszym div) nie sa wyswietlane. Moja struktura dokumantu przedstawia sie nastepujaco:
Kod
<div id="basketTimer"/>
<div id="basket"> 2000 </div>
<div id="resultat"> 0:0 </div>
<div id="basket"> 2000 </div>
<div id="resultat"> 0:0 </div>
i funkcje javaScript uruchamiana przy przeladowaniu okna:
Kod
window.onload = supper();
function supper() {
$(document).ready(function() {
CreateTimer("basketTimer", 30);
});
}
var Timer;
var TotalSeconds;
function CreateTimer(TimerID, Time) {
Timer = document.getElementById(TimerID);
TotalSeconds = Time;
UpdateTimer()
window.setTimeout("Tick()", 1000);
}
function Tick() {
if (TotalSeconds == 0) {
} else {
$(document).ready(function() {
TotalSeconds -= 1;
UpdateTimer()
window.setTimeout("Tick()", 1000);
});
}
}
function UpdateTimer() {
Timer.innerHTML = TotalSeconds;
}
function supper() {
$(document).ready(function() {
CreateTimer("basketTimer", 30);
});
}
var Timer;
var TotalSeconds;
function CreateTimer(TimerID, Time) {
Timer = document.getElementById(TimerID);
TotalSeconds = Time;
UpdateTimer()
window.setTimeout("Tick()", 1000);
}
function Tick() {
if (TotalSeconds == 0) {
} else {
$(document).ready(function() {
TotalSeconds -= 1;
UpdateTimer()
window.setTimeout("Tick()", 1000);
});
}
}
function UpdateTimer() {
Timer.innerHTML = TotalSeconds;
}
Moj problem polega na tym ze za pierwszym strona laduje sie cala, ale za drugim i kolejnym, kiedy timer zmniejszy juz sie o 1 widze tylko div basketTimer, a div ktore nastepuja po juz nie.
Z gory dziekuje za pomoc.