https://www.point-finances.fr/wp-content/themes/pointfinances/js/typewriter.js?ver=1772633097

1
2
3/*
4=============================================== 
5Afficher texte avec le  curseur
6===============================================
7*/
8
9document.addEventListener("DOMContentLoaded", function () {
10  const element = document.getElementById("typewritercover");
11  const logo = document.getElementById("cursor-logo");
12
13  const textes = [
14    "Taux unique",
15    "Mensualités réduites",
16    "Budget simplifié",
17  ];
18
19 const logos = [
20    "/wp-content/uploads/2025/12/Percentage-Circle.png",
21    "/wp-content/uploads/2025/12/Euro-1.png",
22    "/wp-content/uploads/2025/12/Check-Mark.png",
23  ];
24
25
26  let indexPhrase = 0;
27  let indexLettre = 0;
28  let efface = false;
29
30  function boucleTypewriter() {
31    const texteActuel = textes[indexPhrase];
32
33    if (!efface) {
34      element.textContent = texteActuel.substring(0, indexLettre + 1);
35      indexLettre++;
36
37      if (indexLettre === 1) {
38        // Met à jour et affiche le logo au début de l’écriture
39        logo.src = logos[indexPhrase];
40        logo.classList.add("visible");
41      }
42
43      if (indexLettre === texteActuel.length) {
44        efface = true;
45        setTimeout(boucleTypewriter, 3000);
46        return;
47      }
48    } else {
49      element.textContent = texteActuel.substring(0, indexLettre - 1);
50      indexLettre--;
51
52      if (indexLettre === 0) {
53        efface = false;
54        indexPhrase = (indexPhrase + 1) % textes.length;
55        logo.classList.remove("visible");
56      }
57    }
58
59    setTimeout(boucleTypewriter, 50);
60  }
61
62  boucleTypewriter();
63});