Drop Down - Liste mit Timer

ferguson · #1 (**permalink**) 15.08.2013, 14:52

Hallo Leute,

da ich gerade am Basteln meiner Homepage bin, möchte ich gerne eine Drop Down - Liste mit einen Timer in der HTML <select><option>... implementieren.

Hier die html - Liste:

HTML-Code:

<select name="dropdown">
<option value="Project 1" selected>Project 1</option>
<option value="Project 2" selected>Project 2</option>
<option value="Project 3" selected>Project 3</option>
<option value="Project 4" selected>Project 4</option>
</select>

Mein Ziel ist es wenn man Project 2 wählt, den Timer starten zu lassen. Wenn man wieder auf Project 1 klickt, möchte ich, dass er stehen bleibt.
Der Timer sollte rechts nach Project 1 gezeigt werden (in der Select - Option drin)

Unten findet Ihr den JavaScript - Timer:

HTML-Code:

<html>
<script type="text/javascript">
var count=0,chkfn=null;
function changeColor() 
{    
chkfn = setInterval(starttimer, 1000);
}

function starttimer() 
{    
count += 1;    
var oElem = document.getElementById("divtxt");    
oElem.style.color = oElem.style.color == "red" ? "blue" : "red";    
document.getElementById("pcount").innerHTML = "Zeit: " + count;
}

function stoptimer() 
{    
clearInterval(chkfn);   
chkfn = null;    
count = 0;    
document.getElementById("pcount").innerHTML = '';
}
</script>

<body><div id="divtxt"><p id="pcount" style="font:bold 24px verdana"></p></div>
<button onclick="changeColor();">Start Timer</button>
<button onclick="stoptimer();">Stop Timer</button>
</body>
</html>

Ich weiß leider nicht, wie man das richtig macht. Sollte jemand von euch Vorschläge haben, bitte dann antworten.

mit freundlichen Grüßen,

explanator · #2 (**permalink**) 15.08.2013, 15:21

Crossposting zu Drop Down - Liste mit Timer

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Probleme mit einem Drop Down Menü	netzwerg	CSS	5	09.05.2012 12:22
CSS Drop Down Menü	gachet	CSS	9	08.11.2009 18:36
IE 6 & 7 Drop Down Navigation Fehler	Zak	CSS	9	09.07.2009 10:50
Drop Down Menu Positionsproblem	Schky	CSS	4	21.04.2008 13:09
Fehler mit Drop Down Menü bei Überschreitung der Container Grenzen!	webfabrik	CSS	4	16.01.2007 01:29