Не знаю, как зациклить функцию - PullRequest
Новая
       1

Не знаю, как зациклить функцию

0 голосов
/ 23 октября 2019

У меня есть этот HTML: 

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">
  <meta http-equiv="refresh" content="1" />
  <link rel="stylesheet" href="style.css">
  <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript"> 
        $(function(){
    $( "#punti_casa" ).load( "../scoreboard/Output/Home_Score.txt" );
}); 
</script>
<script type="text/javascript"> 
        $(function(){
    $( "#punti_trasferta" ).load( "../scoreboard/Output/Away_Score.txt" );
}); 
</script>

</head>

<body>
<div class="interfaccia_base">
    <div class="interfaccia_top"></div>
    <div class="riga_testi_vuoto"></div>
  <div class="riga_testi_1"></div>
    <div class="riga_testi_home"></div>
    <div class="riga_testi_punti" style="margin-left: 2px;"><div id="punti_casa"></div></div>
  <div class="riga_testi_quarto"></div>
  <div class="riga_testi_punti"><div id="punti_trasferta"></div></div>
    <div class="riga_testi_away"></div>
  <div class="riga_testi_1"></div>
</div>
</body>
</html>

Я использовал мета HTTP для обновления каждую 1 секунду. Проблема в том, что в программном обеспечении потоковой передачи, которое я использую, HTML-код мигает при каждом обновлении. Возможно, есть способ зациклить функцию для чтения в текстовом файле, и если число внутри меняется, оно переписывает содержимое в "#punti_casa" и в "#punti_trasferta"?

Ответы [ 2 ]

1 голос
/ 23 октября 2019

Я думаю, что вы можете использовать setInterval, чтобы обновлять его каждые секунды без какой-либо возможности остановки 

window.setInterval(function(){
     $("#punti_casa").load("../scoreboard/Output/Home_Score.txt");
}, 1000);

Если вам нужно остановить перезагрузку, используйте clearInterval (), она будет работать нормально

1 голос
/ 23 октября 2019 
function loadData(){
  $( "#punti_trasferta" ).load( "../scoreboard/Output/Away_Score.txt", function() {
    setTimeout(function(){ loadData(); }, 3000); <-- 3 sec delay between reloads.
  });
}

Вы можете добавить больше интеллекта для проведения различий и обновления dom, только если что-то изменится.

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

Нет похожих вопросов

...