在JavaScript中创建动态表

我正在尝试使用JavaScript创建一个动态表。我需要表采取调度器的形式（24小时的小时块），它必须跨越24个小时的完整列，每个块都有一个标题。上午12点、凌晨1点……晚上11点等等。但是，我目前仅限于标题的第一列。我对JavaScript的了解还处于初级阶段。这是一个基本的代表，我需要什么，什么是打破。修复此代码或实现更好功能的最佳方法是什么

function populateTable(table, time, rows, cells, content) {
            if (!table) table = document.createElement('table');
                var head = document.createElement('thead');
                var title = document.createElement('th');

                head.appendChild(title);
                    for (var x = 1; x <= time; x++){
                    table.appendChild(head);
                    title.appendChild(document.createTextNode(x));
                    }
                var body = document.createElement('tbody');
                    for (var i = 0; i < rows; ++i) {
                        var row = document.createElement('tr');
                            for (var j = 0; j < cells; ++j) {
                            row.appendChild(document.createElement('td'));
                            row.cells[j].appendChild(document.createTextNode(content + (j + 1)));
                            }
                        table.appendChild(row);
                    }
                return table;
                }
                $(document).ready(function () {
                    document.getElementById('scheduleTable')
                    .appendChild(populateTable(null,12,12, 12, "content"));
        });

函数populateTable（表、时间、行、单元格、内容）{
如果（！table）table=document.createElement（'table'）；
var head=document.createElement（'thead'）；
var title=document.createElement（'th'）；
头、子（头衔）；
对于（var x=1；x需要将顶部更改为：

var head = document.createElement('thead');
table.appendChild(head);

for (var x = 1; x <= time; x++) {
    var title = document.createElement('th');
    title.appendChild(document.createTextNode(x));
    head.appendChild(title);
}

var head=document.createElement（'thead'）；
表2.儿童（头）；
对于（var x=1；x