Как мне прочитать данные из текстового файла в переменную, чтобы я мог изменить цвет в зависимости от значения? - PullRequest
Новая
       12

Как мне прочитать данные из текстового файла в переменную, чтобы я мог изменить цвет в зависимости от значения?

0 голосов
/ 07 мая 2019

Цель моего проекта - прочитать поток постоянно меняющихся данных из текстового файла в html-файл, а затем изменить цвет шрифта.

Я пробовал несколько способов чтения в текстовом файле, например, используя iframe и пытался использовать команду fetch, но не смог успешно использовать их для достижения своей цели. 

<body>
  <script type="text/javascript">
  function print() {
  fetch("test.txt")
    .then(function(response) { return response.text; })
    .then(function(text) {
      var num = parseInt(text);
    if(num>250){
    num=fontcolor("green")
  }
    else()
    {
    num=fontcolor("red")
  }
    });
 }
setInterval(print, 1000); //run function print() every 1 second
  </script>
  <META HTTP-EQUIV="refresh" CONTENT="1">
</body>

Результатом должен быть HTML-файл, который при открытии в браузере будет отображать номер в текстовом файле и изменять цвет в зависимости от указанного числа.

1 Ответ

1 голос
/ 07 мая 2019

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

Вы можете обратиться по этой ссылке для обновления безопасности для Отключить ту же политику происхождения в Chrome

Вы можете разместить свой файл на свободном хосте.Я исправил ваши .then(response => response.text())

Исправил 

 <body>
      <script type="text/javascript">
      function print() {
      fetch("test.txt")
        .then(response => response.text())
      .then(text => {
        var num = parseInt(text);
        if(num>250){
         console.log(num);
         document.body.style.backgroundColor = "green";
      }
        else
        {
        //num=fontcolor("red")
        console.log(num);
        document.body.style.backgroundColor = "blue";
      }

      })

     }
    setInterval(print, 1000); //run function print() every 1 second
      </script>
      <META HTTP-EQUIV="refresh" CONTENT="1">
    </body>

http://viethien.000webhostapp.com/fetchfile.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...