[FRAGE] Nach Uhrzeit Verzeichnisvariable wechseln

[Smidtgall]

Hallo,

ich bin ein absoluter noob, was Javascript angeht und bitte euch um Hilfe.

Ich habe eine Slideshow, bei der nach einer gewissen Uhrzeit das Verzeichnis gewechselt werden soll.

Das Konstrukt der Bilder ist wie folgt aufgebaut:
<img src="/verzeichnis/uhrzeit/bild.png" />

Nun soll alles was zwischen 18:15 Uhr und 6:15 Uhr das Verzeichnis auf
<img src="/bilder/12/01h.png" />

und alles was zwischen 6:16 Uhr und 18:14 auf
<img src="/bilder/00/01h.png" />

umgestellt werden. Wie könnte so etwas aussehen?

Ich danke vielmals für Tipps und Hinweise

 

[j-l-n]

Mit Google finde ich da etliche Treffer

Schau dir auch mal SELFHTML: JavaScript / Objektreferenz / Date an!

 

[kkapsner]

Zeig' doch mal das, was du probiert hast, oder einen Testlink, wo wir uns das live ansehen können.

 

[Smidtgall]

Mein Ansatz bislang :-(
data a und data b sollen jeweils unterschieden werden.
Und zwar immer zwischen 18:20 und 6:20 Uhr data b, sonst data a

var currentTime = new Date()
var hours = currentTime.getHours()

$("#slider").SliderChoose({
carousel:true, 
stopOnClick: true, 
autoPlay:true, 
transition:[1], 
animationSpeed:100,
speed:400, 
if (hours >= 18 || hours <= 6){
 data:b
          }
else {
 data:a
 },
fadeThumbsIn: true, 
showTooltips:false,
text: {previous: "zurueck", next: "vor"},
showCaption:false

 

[rico2009]

Das sieht doch schon mal garnicht so schlecht aus. Deine if Statements werden allerdings so nicht funktionieren. Du kannst nämlich als Attribut für die SliderChoose Funktion keine if-Statements einbauen. Dafür musstest du vermutlich mit einer zusätzlichen Funktion arbeiten:

$("#slider").SliderChoose({
...,
data: function() {
  if (hours >= 18 || hours <= 6){
    // b verwenden
  } else {
    // a verwenden
  }
},
...
});

Was steht denn in a oder b drin?

 

[Smidtgall]

Hey, vielen Dank für die prompte Antwort!

a und b sind jeweils Variablen, welche mit einem "Array" (?) gefüllt sind:

var b = [
          {"image":"01h.png","title":"Image 1"},
          {"image":"02h.png","title":"Image 2"},
          {"image":"03h.png","title":"Image 3"},
          {"image":"04h.png","title":"Image 4"}
];

Wenn ich es wie folgt einbaue, funktioniert es leider nicht:

data: function() {
 var currentTime = new Date()
 var hours = currentTime.getHours()
 if (hours >= 18 || hours <= 6){
  b} 
 else {
  a}
},

 

[j-l-n]

Du musst die Variable deklarieren oder mit return arbeiten.

 

[rico2009]

Zusätzlich zu Julians Posting:

Wenn a und b deklariert sind und das Attribut data mit einem Array umgehen kann, sollte es so funktionieren:

$("#slider").SliderChoose({
...,
data: function() {
  if (hours >= 18 || hours <= 6){
    return b;
  } else {
    return a;
  }
},
...
});

 

[kkapsner]

Sowas kann man sehr elegant mit dem Trinitätsoperator lösen:

data: (hours >= 18 || hours <= 6)? b: a

PS: In der Fehlerkonsole findet man solche Syntaxprobleme, wie dein erster Versuch mit dem if...else..., recht schnell.