• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dodanie animacji do zmieniającego się tekstu

VPS Starter Arubacloud
0 głosów
101 wizyt
pytanie zadane 7 lutego 2019 w JavaScript przez Andrzej Czarny Użytkownik (720 p.)
zmienione kategorie 7 lutego 2019 przez criss

Cześć,

Mam kod, który zmienia słowo co kilka sekund. Chciałbym dodać do niego animację podobną do tej, widocznej na stronie: https://clubhouse.io/ - chodzi o płynną zmianę tekstu.

var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
var inst = setInterval(change, 1000);

function change() {
  elem.innerHTML = text[counter];
  counter++;
  if (counter >= text.length) {
    counter = 0;
    // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle
  }
}
<div id="changeText"></div>

Czy w czystym JS będzie to bardzo skomplikowane?

Z góry dziękuję za pomoc.

komentarz 7 lutego 2019 przez MrxCI Dyskutant (8,260 p.)
Animate.css, ma też funkcje do aktywacji przy JS w bardzo przejrzystej dokumentacji :3

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

+1 głos
1 odpowiedź 140 wizyt
pytanie zadane 23 sierpnia 2020 w HTML i CSS przez Shiro Stary wyjadacz (10,300 p.)
0 głosów
1 odpowiedź 111 wizyt
+2 głosów
2 odpowiedzi 325 wizyt
pytanie zadane 26 marca 2022 w JavaScript przez Piotrek2713 Mądrala (5,320 p.)

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...