Sekunden grafisch laufen lassen

F

fredolin

Erfahrenes Mitglied
Hey Tutorialjaner,

hab nun weider ein Prob.

PHP: 
## Uhrzeit grafisch Darstellen ##
	$uhrzeit = date("H:i:s");
	$length = strlen( $uhrzeit );
	$images = '';
	for( $i = 0; $i < $length; $i++ ){
    	if( $uhrzeit[$i] == ':' )
    	{
        	$images .= '<img src="../pic/gif/time_dp.gif" />';
    	} else {
        	$images .= '<img src="../pic/gif/time_' .$uhrzeit[$i]. '.gif" />';
    	}
	}
so das Script funktioniert super. Kann ich die Sekunden nun auch grafisch laufen lassen? Kann da mir jemand helfen?

Danke im Vorraus

Servus
Fredolin
 
Hey Hektik,

ja die Zeit wird mir grafisch angezeigt..

aber leider nicht die Sekunden..also so das die Sekunden auch weiter zählen..
Sorry hab mich verkehrt wohl ausgedrückt..

hier mal mein ANsatz..
PHP: 
## Uhrzeit grafisch Darstellen ##
	$uhrzeit = date("H:i:s");
	$length = strlen( $uhrzeit );
	$images = '';
	for( $i = 0; $i < $length; $i++ ){
    	if( $uhrzeit[$i] == ':' )
    	{
        	$images .= '<img src="http://www.tutorials.de/forum/pic/gif/time_dp.gif" />';
    	} else {
        	$images .= '<img src="http://www.tutorials.de/forum/pic/gif/time_' .$uhrzeit[$i]. '.gif" />';
    	}
	}

das JavaScript
die Zeit binde ich per include ein
HTML: 
<script type="text/javascript">
		function zeit(){
		document.uhr.time.write(<?php echo $images ?>);
		setTimeOut("zeit()", 1000);
	}
</script>

SO hoffe das mich da jemand helfen kann

Mit freundlichen Grüßen
Fredolin
 
Hab hier noch ein Countdownscript mit sec. Anzeige , wobei die Einbindung von grafiken noch fehlt, evtl. kannst Du ja damit was anfangen.
PHP: 
<?php
$timestamp = time() + 5; // hier Countdownzeit manuell Festlegen oder durch variable ersetzen
$testausgabe = date("F, j Y H:i:s",$timestamp);
//echo time();
//echo $timestamp;
?>
<script type='text/javascript'>
var end = new Date('<?php echo $testausgabe ?>');
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);
  }
  else
  {
    document.getElementById('c1').style.color = '#00FF00';
    document.getElementById('c1').innerHTML = '00:00:00';
    document.getElementById('c2').innerHTML = "<a href=\"<? echo $zurueckbutton; ?>\"><font color=\"#00FF00\">weiter</font></a>";
  }
}
</script>

<body onload='countdown();'>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<div align="center" style="width:900px; height:500px; z-index: 4; left: 0px; top: 0px;">
<table border="1" width="600" height="150">
	<tr>
		<td align="center">
                <? echo $fehlertext; ?><br>
                <SPAN id=c1 style="FONT: bold 14px arial; COLOR: red;"></SPAN><br>
                <SPAN id=c2 style="FONT: bold 14px arial; COLOR: red;">;</SPAN><br>
                </td>
        </tr>
</table>
</div>

mfg Spikaner
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück