Archivlink: javarea.de Forum > JavaScript > Brauche Hilfe bei Blinktext
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Brauche Hilfe bei Blinktext

Pages: [1]

geschrieben von schogette am 03.11.2008 - 18:53
Hallo, kann mir jemand sagen wie ich diesen Code ändere damit ich mehrere Farben hinereinander angezeigt bekomme?
Habe von Javascript noch zu wenig Erfahrung.
Danke


<script type="text/javascript">
<!--
farbe1='lime';
farbe2='yellow';
millisecs=2000;
zaehler=0;
function Blink(){
zaehler++;
if(zaehler%2==0)b.style.color=farbe1;
else b.style.color=farbe2;
setTimeout('Blink()',millisecs);
}
function init(){
b=document.getElementById('blinker');
Blink();
}
//-->
</script>
</head>
<body onload="init()">
<div id="blinker">Kontakt</a>
</body>
</html>

geschrieben von Klaush am 04.11.2008 - 08:20
indem du eine weitere Farbe definierst und anstatt der if eine switch-Anweisung einbaust, dass ist denke ich erst einmal das einfachste und schnellste. Wenn es mehrere Farben werden, dann solltest du auf eine intelligentere Methode zurückgreifen.

HTML-Quelltext
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: 
<script type="text/javascript">
<!--
farbe1='lime';
farbe2='yellow';
farbe3='red';
millisecs=2000;
zaehler=0;

function Blink()
{
  zaehler++;
  
	switch(zaehler)
	{
	  case 1:
  	  b.style.color=farbe1;
	    break;
		case 2:
			b.style.color=farbe2;
      break;
		case 3:
			b.style.color=farbe3;
			zaehler = 0   // Zaehler wieder auf Null stellen und von vorn beginnen
      break;			
	}
		
  setTimeout('Blink()',millisecs);
}

function init()
{
  b=document.getElementById('blinker');
  Blink();
}
//-->
</script>

</head>
<body onload="init()">
<div id="blinker">Kontakt</a>

geschrieben von schogette am 04.11.2008 - 13:48
Hallo Klaush,
danke funnktioniert auch mit 6 Farben. Allerdings soll das Ganz dann wieder von vorne beginnen.
Kann man das in einer switch-Anweisung?
Danke

geschrieben von Klaush am 04.11.2008 - 17:49
Schau doch mal genauer auf das Beispiel von oben, dort wird der Zähler bei 3 Farben im 3 Abschnitt der Switch-Anweisung zurück gestellt.

Bei 6 Farben solltest du es in der 6'ten Anweisung tun.

geschrieben von schogette am 04.11.2008 - 21:14
Sorry, hab ich übersehen, den Teil habe ich mir beim ändern irrtümlich gelöscht.
Funktionert super, danke nochmal!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.