Probleme mit SetTimeout

html.de-Forum JavaScript
1

Hallo
Habe hier mal ein bisschen probiert
CSS und Javascript zu kombinieren

Wollte zuert nur mal die Oberfläche gestalten
alles andere kommt später.

Leider habe ich ein Problem mit dem Lautstärkebalken
der beim schnellen lauter und leise machen immer zu schnell verschwindet

Ich hoffe mal ihr könnt mir Tipps geben wie ich das Problem in den Griff bekomme.

[CODE]

Musikplayer body {margin:0px;background:#ccc;font-family:century gothic; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; cursor:default;} .rahmen{ background:-moz-linear-gradient(top,#fff,#eee); background:-ms-linear-gradient(top,#fff,#eee); background:-webkit-linear-gradient(top,#fff,#eee); padding:10px 10px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;margin-top:100px;margin-left:100px;float:left;} .block{ background:-moz-linear-gradient(top,#eee,#ddd); background:-ms-linear-gradient(top,#eee,#ddd); background:-webkit-linear-gradient(top,#eee,#ddd); box-shadow:rgba(0,0,0,0.5) 0px 0px 5px inset;} .name{height:30px;display:table-cell;vertical-align:middle;} #player{width:500px;height:50px; background:-moz-linear-gradient(top,#fff,#eee); background:-ms-linear-gradient(top,#fff,#eee); background:-webkit-linear-gradient(top,#fff,#eee); -moz-transform:rotate(1deg); -ms-transform:rotate(1deg); -webkit-transform:rotate(1deg); box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;float:left;margin-top:75px;margin-left:75px;} #fenster{width:1300px;margin:auto;background:rgba(0,0,0,0.1);height:900px;margin-top:50px;border-radius:15px;} button{ background:-moz-linear-gradient(top,#bbb,#aaa); background:-ms-linear-gradient(top,#bbb,#aaa); background:-webkit-linear-gradient(top,#bbb,#aaa); height:40px;width:60px;border:none;margin:5px 0px 5px 5px;border-radius:3px;font-family:century gothic;font-size:24px;color:#fff;float:left;} button:hover{ background:-moz-linear-gradient(top,#777,#888); background:-ms-linear-gradient(top,#777,#888); background:-webkit-linear-gradient(top,#777,#888); color:#ccc;} #volume{height:10px;background:#808080;float:left;width:490px;opacity:0;margin-top:5px;border:#eee 5px solid;} #balken{height:10px;background:#80bf00;width:100%;}

Blow (Radio Edit)

Put Your Hands Up

Play < > - + Mute
[/CODE]

Weiß jemand warum Chrome die gedrehten div’s so schlecht rendert ?

2

[B]Hier[/B] noch ein weiteres Problem mit setInterval.

Wie kann ich setInterval wieder stoppen?

Wie kann ich verhindern das setIntervall gleichzeitig mehrfach ausgeführt wird?
(Bewegung wird dadurch unerwünscht zusätzlich beschleunigt)

[CODE]

setInterval body {font-family:century gothic,arial; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; cursor:default; background:#404040; overflow:hidden;}

#block
{width:300px;height:300px;
background:#bfff00;
border-radius:5px;
box-shadow:rgba(0,0,0,0.5)0px 0px 25px;}

#wert
{font-size:50px;margin:0px;color:#fff;}

#block p
{margin:0px;display:table-cell;
height:300px;width:300px;
vertical-align:middle;text-align:center;
font-size:75px;color:#404040;}

0

Start

[/CODE]
3

Ersteres: gibts dazu auch einen Link wo man sich das anschauen kann?

Letzteres: indem Du mit Timern arbeitest. Siehe: http://de.selfhtml.org/javascript/objekte/window.htm#set_interval

4

Nein habe das Obere Beispiel nicht hochgeladen
aber den Code kannst du z.B hier einfügen und es dir dort anschauen.