0

我有 2 个 Javascripts 脚本用于 2 个目的。其中一个就像一个魅力，另一个让我的浏览器变得缓慢而难以使用。

这两个脚本每 X 秒向远程服务器上的 PHP 文件发出 HTTP 请求。

  1. 一个脚本接收值并显示它们 - 这个脚本每秒都可以正常工作（浏览器不会变慢）
  2. 另一个接收值（1 或 0）以根据状态 0 或 1 隐藏或显示小图像。

---- 接收值并正常的脚本----

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
 var refreshId = setInterval(function() { $( "#var_3" ).load( "getvalue.php?var=var_3.VALUE&type=0&round=1&dec=1" ); }, 1000);
 var refreshId = setInterval(function() { $( "#var_4" ).load( "getvalue.php?var=var_4.VALUE&type=0&round=1&dec=1" ); }, 1000); 
 var refreshId = setInterval(function() { $( "#var_5" ).load( "getvalue.php?var=var_5.VALUE&type=0&round=1&dec=1" ); }, 1000);
 var refreshId = setInterval(function() { $( "#var_0" ).load( "getvalue.php?var=var_0.VALUE&type=0&round=1&dec=1" ); }, 1000);
 var refreshId = setInterval(function() { $( "#var_1" ).load( "getvalue.php?var=var_1.VALUE&type=0&round=1&dec=1" ); }, 1000);
</script>

<span id="var_3">###</span>
<span id="var_4">###</span>
<span id="var_5">###</span>
<span id="var_0">###</span>
<span id="var_1">###</span>

现在让我的浏览器受苦的脚本，我几乎不能使用浏览器：

<script>
function GetEstado(para1) {

jQuery.extend
(
   {
       getValues: function(url) 
       {
           var result = null;
           $.ajax(
               {
                   url: url,
                   type: 'get',
                   dataType: 'html',
                   async: false,
                   cache: false,
                   success: function(data) 
                   {
                       result = data;
                   }
               }
           );
          return result;
       }
   }
);

   VARZ = $.getValues("getvalue.php?var="+para1+"&type=1");
   if (VARZ == 1) {
    document.getElementById(para1).style.display = "inline";
   } else {
    document.getElementById(para1).style.display = "none";
   }
};



setInterval(function() { GetEstado("OUT_39"); }, 5000);
setInterval(function() { GetEstado("OUT_31"); }, 5000);
setInterval(function() { GetEstado("OUT_40"); }, 5000);

HTML
<div id="OUT_39" style="display: inline"><img src="img/valv1.png" style="position: absolute; top: 544px; left: 397px;"></div>
<div id="OUT_41" style="display: inline"><img src="img/valv1.png" style="position: absolute; top: 244px; left: 297px;"></div>
<div id="OUT_40" style="display: inline"><img src="img/valv1.png" style="position: absolute; top: 44px; left: 17px;"></div>

有什么方法可以使这个脚本像第一个脚本一样不同且更快？

4

0 回答 0