PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Countdown mit Javascript



hias2205
15-09-2003, 18:18
Hallo!

Ich habe eine Datum in eine MySQL Db in Form eines Unix-Timestamp gespeichert! Jetzt möchte ich einen Countdown mit Javascript erstellen!
Hat jemand eine Lösung?
Danke!
Grüße Hias

Jana
15-09-2003, 19:47
Die Files kannst du bei http://cross-browser.com herunterladen.
Für die Bilder kannst du auch Zahlen einfügen.
Mit setTimeout("countdown()", 700); kannst du die Geschwindigkeit verändern.




<html><head>
<title>Count Down</title>

<link rel="STYLESHEET" href="style.css" type="text/css">

<script type='text/javascript' src='cbe/cbe_core.js'></script>
<script type='text/javascript' src='cbe/cbe_clip.js'></script>
<script type='text/javascript' src='cbe/cbe_slide.js'></script>
<script type='text/javascript' src='cbe/cbe_slide2.js'></script>
<script type='text/javascript' src='cbe/cbe_event.js'></script>

<script type='text/javascript'><!--

var theHiZ = 60;
var b1,b2,b3,b4;
var rand = 0;

function windowOnload() { init();}

function init(){
window.cbe.addEventListener("resize", init, false);

for(i = 1; i<=4; i++){
CFE = 'b' + i;
CFE = document.getElementById(CFE).cbe;
CFE.resizeTo(380,380);
CFE.moveTo(document.cbe.width()/4,90);
CFE.show();
}

countdown();
}

function setHiZ(id) {
cbeGetElementById(id).cbe.zIndex(++theHiZ);
}

function countdown() {
if(rand<4){
rand = rand+1;
box= 'b' + rand;
setHiZ(box);
setTimeout("countdown()", 700);
}
}

//--></script>

</head>

<body bgcolor="#1F1F1F" oncontextmenu="return false" >

<div id='b1' class='b1'><img src="pics/b1.jpg" width="380" height="380" border=0> </div>
<div id='b2' class='b2'><img src="pics/b2.jpg" width="380" height="380" border=0> </div>
<div id='b3' class='b3'><img src="pics/b3.jpg" width="380" height="380" border=0> </div>
<div id='b4' class='b4'><img src="pics/b4.jpg" width="380" height="380" border=0> </div>

</body>
</html>