schulze123
Aktives Mitglied
Hallo zusammen,
ich benötige mal hilfe für einen Silvester-Countdown.
Folgendes habe ich schon...
1.) Der Timestamp wird mit Atomzeit erstellt...
2.) Einen Countdown in JavaScript der um 0 Uhr auf eine neue Seite weiterleitet.
Mein Problem: Ich kenne mich nicht gut mit JavaScript aus.
Kann mir jemand das JavaScript so umbasteln das es mit dem Timestamp der Atomzeit läuft?
Hier mal der komplette Code...
CODE <html>
<head>
<title>Countdown</title>
<?php
$sock = fsockopen("udp://ptbtime2.ptb.de", 123, &$errno, &$error);
$request = chr(11).str_repeat(chr(0), 47);
fwrite($sock, $request);
for ($x=0; $x<48; $x++) {
$answer .= fgetc($sock);
}
fclose($sock);
$time = (float)
(ord($answer[40])*16777216 +
ord($answer[41])*65536 +
ord($answer[42])*256 +
ord($answer[43]));
$time -= 2208988800;
$javatime = $time * 1000;
?>
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
var end = new Date("December 31, " + year + " 13:40:00 GMT");
document.write('<div style="text-align: center">');
document.write('<span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('<span id="c2" style="font: bold 25px arial; color: blue">NEW YEAR</span><br />');
document.write('</div>');
function toSt2(n) {
s = "";
if (n < 10) s += "0";
return (s + n).toString();
}
function toSt3(n) {
s = "";
if (n < 10) s += "00";
else if (n < 100) s += "0";
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '';
setTimeout("countdown()", 50);
if ((days==0)&&(hours==0)&&(minutes==0)&&(seconds==0)) {
this.location.href="http://www.google.de";
}
}
}
//-->
</script>
</head>
<body>
<div id="countdowner" align="center"></div>
<br />
<script type="text/javascript">
var cDiv = document.getElementById("countdowner");
var cD1 = (cDiv.innerText) ? cDiv.innerText : cDiv.textContent;
var cD2 = cDiv.innerHTML;
window.onload=countdown;
</script>
</body>
</html>
ich benötige mal hilfe für einen Silvester-Countdown.
Folgendes habe ich schon...
1.) Der Timestamp wird mit Atomzeit erstellt...
2.) Einen Countdown in JavaScript der um 0 Uhr auf eine neue Seite weiterleitet.
Mein Problem: Ich kenne mich nicht gut mit JavaScript aus.
Kann mir jemand das JavaScript so umbasteln das es mit dem Timestamp der Atomzeit läuft?
Hier mal der komplette Code...
CODE <html>
<head>
<title>Countdown</title>
<?php
$sock = fsockopen("udp://ptbtime2.ptb.de", 123, &$errno, &$error);
$request = chr(11).str_repeat(chr(0), 47);
fwrite($sock, $request);
for ($x=0; $x<48; $x++) {
$answer .= fgetc($sock);
}
fclose($sock);
$time = (float)
(ord($answer[40])*16777216 +
ord($answer[41])*65536 +
ord($answer[42])*256 +
ord($answer[43]));
$time -= 2208988800;
$javatime = $time * 1000;
?>
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
var end = new Date("December 31, " + year + " 13:40:00 GMT");
document.write('<div style="text-align: center">');
document.write('<span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('<span id="c2" style="font: bold 25px arial; color: blue">NEW YEAR</span><br />');
document.write('</div>');
function toSt2(n) {
s = "";
if (n < 10) s += "0";
return (s + n).toString();
}
function toSt3(n) {
s = "";
if (n < 10) s += "00";
else if (n < 100) s += "0";
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '';
setTimeout("countdown()", 50);
if ((days==0)&&(hours==0)&&(minutes==0)&&(seconds==0)) {
this.location.href="http://www.google.de";
}
}
}
//-->
</script>
</head>
<body>
<div id="countdowner" align="center"></div>
<br />
<script type="text/javascript">
var cDiv = document.getElementById("countdowner");
var cD1 = (cDiv.innerText) ? cDiv.innerText : cDiv.textContent;
var cD2 = cDiv.innerHTML;
window.onload=countdown;
</script>
</body>
</html>