Text switch alle paar Sekunden

Liebe Gruppe, ich bin aktuell am grübeln wie ich folgendes auf meine Page einfüge: Erklärung: Und zwar gehts darum, dass sich ein eingegebener Text alle 3-5 sekunden ändert und ein anderer an selber Stelle auftritt. - siehe Gif. bild

Habe versucht den HTML Code über Google Chrome > Untersuchen rauszukopieren. (auf Page wo das funktioniert) Folgendes wurde aus der Stelle kopiert:

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

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
    <style>
  body{
  height:100vh;
  text-align:center;
}
div{
  margin-top:calc(50vh - 30px)
}
#zahl,#texte{
  font-size:30px;
}
#texte{
  font-size:30px;
}
</style>
<body>
<div id="ausgabe"></div>
</body>
<script>
   
var tempo=2000;// Sekunden mal 1000 (1000 = 1 Sekunde)
var texte=['Standard-Paletten',
'Millionen möglichen',
'Farbwerte benutzen',
'besteht kein Zwang',
'gestalterischen Gründe dagegensprechen',
'bieten diese Paletten',
'gewisse Orientierung',
'Auf jeden Fall haben solche Farbpaletten',
'einen technischen Vorteil',
'verschiedenen Hardware-Typen',
'und verschiedenen Betriebssystemen'];
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX