Zmieniające się cytaty JS

Question

Witam, poszukałem troszkę w sieci i udało mi się znaleźć coś takiego:

var imgsa = new Array(
"xyz",
"xyz2",
"xyz3"
);
var alta = new Array();
var currentAda = 0;
var imgCta = 3;
function cyclea() {
  if (currentAda == imgCta) {
    currentAda = 0;
  }
document.getElementById('cytaty').innerHTML = imgsa[currentAda];
  currentAda++;
}
  window.setInterval("cyclea()",1000);

Działa, ale jest on zrobiony tak że, trzeba poczekać zanim się pokaże pierwszy cytat a następny pokazuje się po tym samym czasie. Właśnie to mi przeszkadza, bo jak ustalam czas 15 sekund to trzeba odczekać 15 sekund na stronie zanim w ogóle pojawi się pierwszy cytat.

Chciałbym by pierwszy cytat był już widoczny od razu po wejściu na stronę bez czekania, natomiast by kolejny pojawił się po np 15 sekundach.

Answer 1

To zainicjuj gdzieś poza funkcją, przez innerHTML jakiś losowy cytat, np.

const rand = Math.floor(Math.random()*imgsa.length);
document.getElementById('cytaty').innerHTML = imgsa[rand];

Myślę, że to powinno wystarczyć i nie ma co tu kombinować. Ewentualnie w HTML wrzuć jakiś domyślny startowy cytat.

Comments

Wystarczy wywołać funkcję `cyclea` zaraz po jej utworzeniu

---

Właściwie można. Zaoszczędzi się na kodzie.

Natomiast miejsce wywołania nie ma chyba wielkiej różnicy, skoro funkcja jest definiowana za pomocą function, zadziała w tym wypadku hoisting.