erst countdown dann dynamische Textausgabe mit Countup - javarea.de Forum powered by javarea.de

<html><head> <script language="JavaScript" type="text/JavaScript"> var zjetzt = new Date(); function zeit(){ var jetzt = new Date(); sekunden = parseInt((jetzt.getTime() - zjetzt.getTime()) / 1000); minuten = parseInt(sekunden / 60); sekunden = sekunden % 60; text = minuten + " Minute(n), " + sekunden + " Sekunde(n)."; document.getElementById("Countup").innerHTML = text; setTimeout("zeit()", 1000); } </script> <title>Countup</title> </head> <body onLoad="zeit();"> <div id="Countup"></div> </body></html>

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: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93:

<script language="JavaScript">
<!--

var z= 5;
quotes = new Array(z);
quotes[0] = "Pause 1 ist vorbei :o("
quotes[1] = "An die Arbeit die Kunden warten nicht gerne!"
quotes[2] = "Einmal Manual-In bitte!"
quotes[3] = "keine Angst dein 2. Aux1 kommt auch bald :o)"
quotes[4] = "Hast du Kaffee mitgebracht?!"
quotes[5] = "AUFWACHEN!!! Pause is vorbei mach die Augen auf!"
quotes[6] = "Komm vom Damm du Vogel die Pause is vorbei!"
quotes[7] = "10 Minuten Aux 1 können ganz schön hart werden wenn sie sich dem Ende neigen... (-__-)"
quotes[8] = "Hände gewaschen?! ;o)"
quotes[9] = "PC geht nicht? Transfer 126# Transfer ;o)"
quotes[10] = "Die nächste Runde Aux 1 kommt bestimmt ;o)"
//-->
</script>

<script language="JavaScript">
<!--
var jetzt=new Date();
var z=(jetzt.getSeconds())%10;
//-->
</script>

<style type="text/css">
#Countdown, #Countup span { font-size:24pt; font-family:Verdana; }
</style>
<script type="text/javascript">
<!--
// ++++ Script von http://javarea.de/forum/showthread.....adid=11451   ++++ //
// ++++++++++++++++++  Startzeit +++++++++++++++++++++++++++++++++++++++++++ //

var sec = 10;  // Sekunden
var min = 00;  // Minuten
var std = 00;  // Stunden

var textEnde = "<font face='Veradana,Verdana,Verdana'>" + quotes[z] +"</font>";

// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
var aktiv = window.setInterval("startCountdown()",1000)
function startCountdown(){
if(std == 0 && min == 0 && sec == 0){
  document.getElementById("Countdown").innerHTML = textEnde;
  window.clearInterval(aktiv);
  // Starte den Countup
  var go = new Date();
  var zjetzt = go.getTime();
  document.form.a.value = zjetzt;
  countup();
} else if(min >= 10 && (sec - 1) >= 10) {
  sec = sec - 1;
  document.getElementById("Countdown").innerHTML =  std + ":" + min + ":" + sec;
} else if(min >= 10 && (sec - 1) < 10 && (sec - 1) >= 0) {
  sec = sec - 1;
  document.getElementById("Countdown").innerHTML = std + ":" + min + ":0" + sec;
} else if( min < 10 && min >= 0 && (sec - 1) < 10 && (sec - 1) >= 0) {
  sec = sec - 1;
  document.getElementById("Countdown").innerHTML = std + ":0" + min + ":0" + sec;
} else if(min < 10 && min >= 0 && (sec - 1) >= 10) {
  sec = sec - 1;
  document.getElementById("Countdown").innerHTML = std + ":0" + min + ":" + sec;
} else if((min - 1) >= 10 && sec == 0) {
  sec = 59;  min = min - 1;
  document.getElementById("Countdown").innerHTML = std + ":" + min + ":" + sec;
} else if((min - 1) < 10 && (min - 1) >= 0 && sec == 0) {
  sec = 59;  min = min - 1;
  document.getElementById("Countdown").innerHTML = std + ":0" + min + ":" + sec;
} else if(min == 0 && sec == 0) {
  std = std - 1;  min = 59;  sec = 59;
  document.getElementById("Countdown").innerHTML = std + ":" + min + ":" + sec;;
}
}


function countup(){
document.getElementById("Countup").style.visibility = "visible";
var zjetzt = document.form.a.value;
var jetzt = new Date();
sekunden = parseInt((jetzt.getTime() - zjetzt) / 1000);
minuten = parseInt(sekunden / 60);
sekunden = sekunden % 60;
var anzSekunden = ((sekunden > 9) ? sekunden : "0" + sekunden);
var anzMinuten = ((minuten > 9) ? minuten : "0" + minuten);
document.getElementById("Countup").innerHTML = "Pause vorbei seit: <span>" +anzMinuten + ":" + anzSekunden+ "</span>";
setTimeout("countup()", 1000);
}
//-->
</script>
<form name="form"><input name="a" size="30" type="hidden"></form>
<div id="Countdown">0:00:00</div>
<div id="Countup" style="visibility:hidden">00:00</div>

document.getElementById("Countup").innerHTML = "Pause vorbei seit: <span>" +anzMinuten + ":" + anzSekunden+ "</span> <div style='cursor:help;display:inline;text-decoration:blink;' onclick='stoppen()'>⇐ stop</div>"; aktiv = setTimeout("countup()", 1000); } function stoppen () { window.clearTimeout(aktiv); }