JS macht mich fertig. Hab doch da nen countdown balken. Der zählt schön runter bis die Seite refresht.
User kann das aber stoppen wenn er auf den Balken clickt.
Alles i.O.
Aber ich bekomm die var (sec) aus dem DIV nicht "raus".
Möchte im Grunde bei nochmaligem click den countdown fortfahren.
Dachte dabei an ein einfaches :
Aber da der DIV container on default leer ist bekomme ich nix. Die sec werden von der anderen function per innerHTML reingeschrieben.
Functions:
JavaScript
/*author Philip M. 2010*/ /*http://www.codingforums.com/showthread.php?t=201784*/
var timeInSecs;
var ticker;
function startTimer(secs){
timeInSecs = parseInt(secs)-1;
ticker = setInterval("tick()",1000); // every second
}
function tick(){
var secs = timeInSecs;
if (secs>0){
timeInSecs--;
}
else{
clearInterval(ticker); // stop counting at zero
}
document.getElementById("countdown").innerHTML = secs +" sec";
document.getElementById("countdown_bar").style.width = secs+"%";
if(secs <= (15 / 3) ){
document.getElementById("countdown_bar").style.background = "#130808";
}
if(secs <= 0){
pageReload();
}
}
startTimer(15); // 60 seconds
function stop_refresh(){
if(ticker){
clearInterval(ticker); // stop counting
document.getElementById("countdown").innerHTML = "stopped";
}
}
Alles anzeigen
der container:
HTML
<div onclick="stop_refresh();" title="Hold on!" class="countdown_bar" id="countdown_bar" style="cursor:pointer;width:15%;"></div>
Ich brauche also die verbleibenden "secs" von tick() in der function stop_refresh()
(stop_refresh() würde dann umbenannt in toggleIrgentwas() =) )