javascript - 在 javascript/jQuery 中创建数千个 div 的问题

Question

我们需要在 HTML 中动态创建 24 小时的分钟和秒测量单位(显示为条)。我们为每个单元使用 div。为了以秒为单位显示单位，我们需要创建 86400 个 div(24 * 60 * 60)，这会导致浏览器挂起，无法创建那么多的 div。

我们使用jquery html() 方法创建div 以及jsp 页面创建这么多div。但两者的结果相同，浏览器被挂起。

有没有什么方法可以使用 javascript(或任何其他在 HTML 中使用的方法)创建 86400 个 div？

使用的代码:

var i;

for(i=0;i<86400;i++)
{
    $('#innerDiv').append('<div class="unit">'+i+'sec</div>');
}

http://i.stack.imgur.com/s9wNs.png

Answer 1

一次追加会提高性能

var i;
var units = '';

for(i=0;i<86400;i++){
    units +='<div class="unit">'+i+'sec</div>';
}

$('#innerDiv').append(units);

但值得考虑像这样的技术 techniques-smooth-infinite-scrolling-html5如果你有这么多元素要显示