Цвет заливки текста слева направо созданным элементом html при создании - PullRequest
Новая
       14

Цвет заливки текста слева направо созданным элементом html при создании

0 голосов
/ 10 февраля 2020

Привет, ребята, мне нужно немного помочь, я в полном замешательстве. У меня есть скрипт JS, который выделяет в определенное время строку текста и меняет класс на выделенный. То, что я хочу сделать, это добавить эффект заполнения текста / изменения цвета текста слева направо, я попытался реализовать его отсюда Stackoverflow Post

Не знаю, что я делаю неправильно при изменении класса чтобы выделить это должно начать оживлять. вот файлы и код

css оригинал правила для выделенного 

body .content .test > div.highlighted {
  color: #fff;
  font-size: 48px;

}

js для генерации выделенного элемента div 

function generate() {
   var html = "";
   for(var i = 0; i < _data["test"].length; i++) {
      html += "<div";
      if(i == 0) {
         html+=` class="highlighted"`;
         currentLine = 0;
      }
      if(_data["test"][i]["note"]) {
         html += ` note="${_data["test"][i]["note"]}"`;
      }
      html += ">";
      html += _data["test"][i]["line"] == "" ? "•" : _data["test"][i]["line"];
      html += "</div>"
   }
   $(".test").html(html);
   align();
}

и html который сгенерирован из js

<div class="highlighted">Lorem ipsum donna wetta</div>

может потребоваться некоторая помощь, не зная, что я делаю неправильно все время должно быть просто, но это не так. Спасибо

...