setInterval; Urhzeitanzeige funktioniert nicht

Mir nicht

Tag alle zusammen folgende Probleme:
1. counter Funktioniert nicht, zeigt das gewollte einmal an aber die Seite läd nicht zu Ende
2. Die css Eigenschaften werden nicht übernommen.

Ich übersehe ganz bestimmt irgendwas, aber ich komm grade nicht drauf.

Danke schonmal.
Hier der Code:

HTML

<html>
<head>
	<title>freeCounter</title>
	<link href="style.css" type="text/css" rel="stylesheet" />
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />


	<script type="text/javascript" language="javascript">
        var date_now = new Date();


        function today_date(){
            var now_day = date_now.getDay();
            var now_hour = date_now.getHours();
            var now_minute = date_now.getMinutes();
            var now_second = date_now.getSeconds();


            var now_sum = now_hour + ":" + now_minute + ":" + now_second;


            return(now_sum);
        }
    </script>


	<style type="text/css">
        body{
            /*background-color: #000000;*/
            font-family: Vardana;
        }
        .div_main{
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            width: 700px;
            height: 700px;
            /*background-color: #272727;*/
            margin-top: 50px;
            font-size: 20pt;
        }
    </style>
</head>


<body>
    <div class="div_main">
        <div id="count_e_1" class="div_counter_1">
            <script type="text/javascript" language="javascript">
                window.setInterval("document.write(today_date())", 1000);
            </script>
        </div>
    </div>
</body>
</html>

Alles anzeigen

Mir nicht

Hm, weiß denn wirklich keiner was ich hab das Problem immer noch nicht gefunden.

d4f

Meinst du so?
Ich hab mir mal die Freiheit genommen, eine 0 dahun zu kleben, wenn Stunde/Minute/Sekunde kleiner als 10 ist, sonst siehts hässlich aus

HTML

<html>
<head>
   <title>freeCounter</title>
   <link href="style.css" type="text/css" rel="stylesheet" />
   <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />


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


		function today_date(){
			var date_now = new Date();
            var now_day = date_now.getDay();
            var now_hour = date_now.getHours();
            var now_minute = date_now.getMinutes();
            var now_second = date_now.getSeconds();
			if(now_hour < 10) now_hour = '0' + now_hour;
			if(now_minute < 10) now_minute = '0' + now_minute;
			if(now_second < 10) now_second = '0' + now_second;


            var now_sum = now_hour + ":" + now_minute + ":" + now_second;
			document.getElementById('count_e_1').innerHTML = now_sum;
			window.setTimeout("today_date()", 1000);
        }
    </script> 


   <style type="text/css">
        body{
            /*background-color: #000000;*/
            font-family: Vardana;
        }
        .div_main{
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            width: 700px;
            height: 700px;
            /*background-color: #272727;*/
            margin-top: 50px;
            font-size: 20pt;
        }
    </style>
</head>


<body onload="javascript:today_date()">
    <div class="div_main">
        <div id="count_e_1" class="div_counter_1">
        </div>
    </div>
</body>
</html>

Alles anzeigen

MfG
Daniel

Mir nicht

Vielen Dank d4f!
Puh du bist mein Retter. Dachte schon, dass keiner Bescheid weiß, aber dann kamst du und dann BOAH und BÄM und dann PÄFF und schon hats funktioniert
Naja ich sags ja immer wieder, kaum macht mans richtig, schon funktionierts.

Also nochmal zum Verstehen, der Timeout, muss also in die JS Funktion rein?

Kannst dus vielleicht bei Gelegenheit mal ein wenig erläutern?
Wäre toll, damit ichs auch verstehe und nicht nur abschreibe!

//EDIT//
Danke für die 0!

//EDIT II//
Danke, nochmal habs schon gefunden. WO? Natürlich bei SelfHTML

d4f

du hast setinterval benutzt:

Zitat

window.setInterval("today_date()", 1000);

Das kommt ausserhalb des Codes

Ich bevorzuge

Zitat

window.setTimeout("today_date()", 1000);

da der Quellcode etwas uebersichtlicher bleibt.
setTimeout ruft die angegebene Funktion nur 1x auf, und dann nicht mehr, weshalb es in die Funktion kommen muss, damit eine Endlosschleife entsteht.

Ich habe SelfHTML & SelfPHP als Offline-Version auf dem Rechner, so oft muss ich darauf zurueckgreifen Man vergisst immer irgendetwas...

setInterval; Urhzeitanzeige funktioniert nicht

Tags

Benutzer online in diesem Thema