tutorials.de Buch-Aktion 05/2012
Like Tree3Danke
  • 1 Beitrag von CPoly
  • 1 Beitrag von javaDeveloper2011
  • 1 Beitrag von CPoly
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
189
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 01.11.11 15:48 #1
    Avatar von 123123123
    123123123 123123123 ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    177
    Hallo Leute,
    ich habe schon mal mit diesem Code eine Frage gestellt, aber jetzt soll was interessantes dazu kommen :

    Code :
    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

    <html>
    <head>
        <title>JS</title>
    </head>
<body>
    <div id="time" style= "border: 2px solid blue; width:180px; height: 60px; font-family:Comic Sans MS;background-color:#FFA07A"> </div>
    <br><div id="milli" style="border: 2px solid blue; width:240px; height: 70px; font-family:Comic Sans MS;background-color:#FFA07A"></div></br>
    
    <script>
 
        function zeit()
        {
            var Datum = new Date();
            var Tag = Datum.getDate();
            var Monat = Datum.getMonth() + 1;
            var Jahr = Datum.getFullYear();
            var Stunden = Datum.getHours();
            var Minuten = Datum.getMinutes();
            var Sekunden = Datum.getSeconds();
 
            if (Minuten <10)
            {
                Minuten = "0" + Minuten;
            }
            if (Sekunden < 10)
            {
                Sekunden = "0" + Sekunden;
            }
 
            document.getElementById("time").innerHTML = "Heute ist der " + Tag + "." + Monat + "." + Jahr + "<br\> Es ist " + Stunden + ":" + Minuten + ":" + Sekunden + " Uhr.";
            "<br>"
            document.getElementById("milli").innerHTML = "Die Anzahl der Millisekunden: " + Date.parse(Datum) + ". <br\>(Seit 01.01.1970)" ;
        }
 
        window.setInterval('zeit()', 1000);
 
    </script>
    
</body>
</html>

    So, wie kann ich es machen, dass das 1.Kästchen zum Beispiel nach jeder Sekunde um 1px sich vergrößert und das soll nach 59 Sekunden wieder auf die normale Größe rüberspringen und dann geht es wieder von vorne los. Hoffe habe es verständlich erklärt.
    Danke!

    PS: Hoffe ihr werdet mir helfen, trotz des freien Tages!
     
    Zitieren Zitieren
  2. 01.11.11 16:56 #2
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Eine Zeile, direkt hinter "var Sekunden = Datum.getSeconds()"

    Code javascript:
    1

    document.getElementById('time').style.height = (Sekunden + 60) + 'px';
    123123123 bedankt sich. 
    Zitieren Zitieren
  3. 01.11.11 17:16 #3
    Avatar von javaDeveloper2011
    javaDeveloper2011 javaDeveloper2011 ist offline Mitglied Brokat
    Registriert seit
    Feb 2011
    Beiträge
    445
    Blog-Einträge
    5
    Hi,

    @CPoly
    - Ich denke es geht eher um die width als die heigth (so ist der obere Kasten am Ende so groß wie der untere)
    -
    nach 59
    => es fängt minimal breit an und ist immer 60 sek. nach Laden der Seite maximal breit!?

    Hier mal meine Lösung, die bei Zeile 34 eingefügt werden sollte:
    Code javascript:
    1
2
3
4
5
6
7
8

    var width = parseInt(document.getElementById("time").style.width.substring(0, document.getElementById("time").style.width.length-2));
if(width < 240){
    width = width+1;
}
else{
    width = 180;
}
document.getElementById("time").style.width = width + "px";
    (Funktioniert in allen Browsern, also auch IE6)

    Gruß javaDeveloper2011
    123123123 bedankt sich. 
    Zitieren Zitieren
  4. 01.11.11 17:21 #4
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Wenn es um die Breite geht, wäre mein Code leicht anzupassen

    Code javascript:
    1

    document.getElementById('time').style.width = (Sekunden + 180) + 'px';

    Die Frage ist, ob der Kasten nach 59 Sekunden seine größte Breite haben soll (deine Lösung) oder bei Sekunde 59 (meine Lösung).

    Übrigens kümmert sich parseInt auch um die Einheiten (px, em, %). Du brauchst die nicht entfernen.
    123123123 bedankt sich. 
    Zitieren Zitieren
  5. 01.11.11 17:57 #5
    Avatar von 123123123
    123123123 123123123 ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    177
    Dankeschön Leute es klappt! Hat mit dem Code von CPoly geklappt!!
    Genau, der Kasten hat nach 59 seine größte Größe. Vielen vielen Dank!
    Genießt noch den freien Tag!!
     
    Zitieren Zitieren
« Durch Event img src ändern UND hyperlink hinzufügen. | Formular mit Jquery Dialog senden »

Ähnliche Themen

  1. Nach jeder dritten Zahl ein Leerzeichen
    Von Manuel im Forum PHP
    Antworten: 4
    Letzter Beitrag: 31.05.10, 05:54
  2. jQuery: Menü nach 1 Sekunde öffnen
    Von RedShot im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 06.01.10, 14:26
  3. [C#] KeyDown: dauerhaftes Drücken der Taste erst nach einer Sekunde erkennbar
    Von XtremeCJ im Forum C/C++
    Antworten: 4
    Letzter Beitrag: 22.07.08, 13:13
  4. Farbwechsel nach jeder Zeile?
    Von cille im Forum PHP
    Antworten: 14
    Letzter Beitrag: 26.11.07, 11:45
  5. Banner nach jeder 5 Ausgabe?!
    Von medico im Forum PHP
    Antworten: 6
    Letzter Beitrag: 13.04.05, 11:32