Javascript 当ajax响应收到时，为什么marquee会延迟

我在我的web应用程序中有一个滚动动态数据的框，它会稍微停止，然后再次开始滚动，就像有人停止滚动并再次拖动一样，当其他ajax响应接收并更新html页面中的数据时，会出现这种行为。这是选框标签的问题吗

<marquee scrollamount="1" scrolldelay="10">
    <span id="HPQ" class="syPrice">22.20</span>
    <span id="APQ" class="ayPrice">12.20</span>
    <span id="BPQ" class="byPrice">18.10</span>
    <span id="CPQ" class="cyPrice">65.20</span>
    <span id="DPQ" class="dyPrice">87.56</span>
    <span id="EPQ" class="eyPrice">15.24</span>
    <span id="FPQ" class="fyPrice">34.45</span>
    <span id="GPQ" class="gyPrice">16.20</span>
</marquee>

---

我以类似于上面ajax调用的方式更新选框数据

不，这不是选框标记的问题

浏览器在用户界面中一次只做一件事。只要脚本正在运行，页面中就不会有任何更新

---

如果您有任何其他移动元素，例如动画GIF，您会看到它们也会在脚本运行时暂停一段时间。

字幕标记是否已弃用/不标准？@PhonicUK它从未完全正式使用过。只需使用javascript或css动画。我是否有办法克服这个问题issue@Swarnajith：不，浏览器就是这样工作的。您可以尝试使脚本运行得更快，以使延迟不那么明显。例如，您可以将数据保存在一个数组（或类似数组）中，并将旧值与新值进行比较，并且仅在值实际发生更改时更新元素。如果我添加jquery滚动条而不是选框，结果是否相同？我仅在发生更改时更新数据。问题是，它有点让人注意到users@Swarnajith：是的。任何类型的动画都会做出同样的反应。

function dataUpdate(){
          $.ajax({
                  type : "GET",
                   url : '../myJsonData.xhtml',
                  dataType : "json",
                  async : true,
                  cache : false,

                  success: function(data) {
                     $.each(data, function(i, item) {
                      /* updates data here */
                     });
                  setTimeout('dataUpdate()',1000);
                  },
                  error : function() {
              }
             });
          }