Nur in den letzten 10 Sekunden! - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Nur in den letzten 10 Sekunden!

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Nur in den letzten 10 Sekunden!

Pages: [1]

geschrieben von Speedy19102000 am 01.06.2007 - 02:41

Hallo!

Ich möchte gerne, dass "function zeige()" nur die letzten 10 Sekunden aktiviert wird
und nicht wie jetzt, wenn der Countdown herunter gezählt hat. Kann mir jemand helfen?

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51:

<head>
<title>----</title>

<script language="javascript" type="text/javascript">
var id="";
function countdown(name,time){
now_time=time;
if(now_time!=0){
var tage=Math.floor(time/60/60/24);
var time=time-tage*60*60*24;
var stunden=Math.floor(time/60/60);
var time=time-stunden*60*60;
var minuten=Math.floor(time/60);
var sekunden=time-minuten*60; 
if(stunden<10)
stu0="0"
else
stu0="";
if(minuten<10)
min0="0"
else
min0="";
if(sekunden<10)
sek0="0"
else
sek0="";
var ausgabe=stu0+stunden+":"+min0+minuten+":"+sek0+sekunden;
id=window.setTimeout("countdown('"+name+"',"+(now_time-1)+")", 1000); 
} else {
var ausgabe='<span style="color:#CC0000">Zeit abgelaufen!</span>'; zeige();
}
function zeige() {
  document.getElementById("endf").style.display = "inline";
}
document.getElementById(name).innerHTML = ausgabe;
}
</script>

</head>

<body>

<span id="countdown"><script>countdown("countdown","15");</script></span>

<div id="endf" style="position: absolute; left: 10; top: 40; display:none;">
<img src="bild1.jpg" border="1">
</div>

</body>

</html>

MfG Speedy

geschrieben von René am 01.06.2007 - 08:14

... leider habe ich nichts verstanden. Wenn der runter gezählt hat wird er doch nicht mehr angezeigt dann kommt ein Text + Bild.

geschrieben von Speedy19102000 am 01.06.2007 - 15:54

Hallo René!

Bin schon mal ein bisschen weitergekommen und habe das Script schonmal soweit hinbekommen.

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35:

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

var id="";
function countdown(name,time){
now_time=time;
if(now_time!=0){
var tage=Math.floor(time/60/60/24);
var time=time-tage*60*60*24;
var stunden=Math.floor(time/60/60);
var time=time-stunden*60*60;
var minuten=Math.floor(time/60);
var sekunden=time-minuten*60; 
if(stunden<10)
stu0="0"
else
stu0="";
if(minuten<10)
min0="0"
else
min0="";
if(sekunden<10)
sek0="0"
else
sek0="";
var ausgabe="<span style='color:#FFFFFF;font-family:Verdana;font-weight:bold;font-size:14px;'>"+stu0+stunden+":"+min0+minuten+":"+sek0+sekunden+"</span>";
id=window.setTimeout("countdown('"+name+"',"+(now_time-1)+")", 1000); 
} else {
var ausgabe="<span style='color:#CC0000;font-family:Verdana;font-weight:bold;font-size:14px;'>Zeit ist abgelaufen!</span>";
}
if(sekunden<6) {
  document.getElementById("endf").style.display = "inline";
}
document.getElementById(name).innerHTML = ausgabe;
}
</script>

Jetzt denke ich, weist Du auch, wie ich das meine. Funktioniert! (sogar im FF

)

MfG Speedy

geschrieben von René am 01.06.2007 - 18:07

... ja erstmal sehe ich garnichts dann 6 Sekunden vor Ende kommt ein Bild und zum Schluss dann der Text (Zeit ist abgelaufen!) über dem Bild und was soll da jetzt anders sein.

geschrieben von Speedy19102000 am 02.06.2007 - 17:52

Hallo René!

	Zitat
	Original geschrieben von René am 01.06.2007 - 18:07 ... ja erstmal sehe ich garnichts dann 6 Sekunden vor Ende kommt ein Bild und zum Schluss dann der Text (Zeit ist abgelaufen!) über dem Bild und was soll da jetzt anders sein.

Genau so wollte ich das haben! Ob nach 6 oder 10 Sekunden, Bild oder Text. Rein die Funktion war mir in diesem
Script wichtig, die ausgabe wird dann noch auf meine Bedürfnisse angepasst.

MfG Speedy

HTML-Quelltext

HTML-Quelltext

Zitat