Мне нужен эффект надписи на тексте, используя javascript из CSS. Я хочу, чтобы альтернативный текст печатался с выделенным конкретным словом - PullRequest
Новая
       8

Мне нужен эффект надписи на тексте, используя javascript из CSS. Я хочу, чтобы альтернативный текст печатался с выделенным конкретным словом

0 голосов
/ 04 мая 2020

Я искал все целые числа rnet, но не могу найти решение. Но я нашел образец веб-страницы, я прилагаю ссылку с этим, а также мой код. Пример ссылки ---- Вы можете найти эффект текстового опечатки на этом сайте ---- https://cvio.bslthemes.com/v1/

И это мой код. 

  <div class="flex">
   <p class="header-sub-title" id="word"></p><p class="header-sub-title blink"></p>
   </div>
    </div>

<script>
const words = ["I love web Technology    ", "I code cool website     ", "I develop mobile apps     
  "];

   let i = 0;
  let timer;

   function typingEffect() {
  let word = words[i].split("");
  var loopTyping = function() {
    if (word.length > 0) {
        document.getElementById('word').innerHTML += word.shift();
    } else {
        deletingEffect();
        return false;
    };
    timer = setTimeout(loopTyping, 40);
  };
  loopTyping();
 };

 function deletingEffect() {
 let word = words[i].split("");
 var loopDeleting = function() {
    if (word.length > 0) {
        word.pop();
        document.getElementById('word').innerHTML = word.join("");
    } else {
        if (words.length > (i + 1)) {
            i++;
        } else {
            i = 0;
        };
        typingEffect();
        return false;
    };
    timer = setTimeout(loopDeleting,40);
   };
    loopDeleting();
    };
  typingEffect();
   </script>
...