Question

在我的项目中，我需要在textarea窗口中查看传感器数据并在一段时间后将这些数据保存到txt文件中。我使用此代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
`
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>title</title>


  <script type="text/javascript" src="jquery-3.2.1.min.js"></script>

  <script type="text/javascript">
    var updateInterval = 50;
    var updateChart = function(count) {
      count = count || 1;

      Val1 = Math.floor((Math.random() * 100) + 1);
      Val2 = Math.floor((Math.random() * 100) + 1);
      Val3 = Math.floor((Math.random() * 100) + 1);

      $(document).ready(function() {
        var $textarea = $('textarea');
        $textarea.scrollTop($textarea[0].scrollHeight);
      });
      var d = new Date();
      $("#output").append(document.createTextNode(d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + " - , " + Val1 + ", " + Val2 + ", " + Val3 + "\n"));
    }
    setInterval(function() {
      updateChart()
    }, updateInterval);

    function download(filename, text) {
      var pom = document.createElement('a');
      pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
      pom.setAttribute('download', filename);

      pom.style.display = 'none';
      document.body.appendChild(pom);

      pom.click();

      document.body.removeChild(pom);

    }
  </script>
</head>

<body>

  <form onsubmit="download(this['name'].value, this['text'].value)">
    Filename: <input type="text" name="name" value="                  .txt">
    <textarea id='output' cols="40" rows="10" name="text" style="border:solid 2px blue;">
  Time  ,Val1, Val2, Val3

</textarea>
    <input type="submit" value="SAVE">
  </form>

</body>

</html>`

问题出在事实上：我的代码执行速度越来越慢，如果有时间的话启动和文件保存之间的时间更长！如果我使用20个样本/秒，则这种减慢速度是不可接受的。是否有可能获得更快的代码并且更少地依赖时间（txt文件大小）？

代码执行速度越来越慢

0 个答案: