用随机颜色设置单元格，错在哪里？

要求：将99乘法表的每一个单元格设置为不同的随机颜色。自定义函数randcolor()可以返回6位颜色编码，此函数没有问题。
关键是以下这一句有问题：
str += '<td bgcolor='+ randcolor() +'>' + j + '×' + i + '=' + (j * i) + '</td>';
如果替换为：
str += '<td bgcolor=#0000ff>' + j + '×' + i + '=' + (j * i) + '</td>';
则完全没问题的，不过就成了固定颜色。
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
<style>
table{border-collapse:collapse;}
table td{border:1px solid #ccc;padding:3px 6px;}
</style>
<script>
function randcolor() {
var num,oxNum;
var str='#';
for(i=0;i<6;i++){
num = (Math.random()*1e10).toFixed(0) % 15;
oxNum=num.toString(16);
str += oxNum;
}
return str;
}
</script>
</head>
<body>
<div id="table"></div>
<body>
<div id="table"></div>
<script>
var str = '<table>';
for (var i = 1; i < 10; ++i) { // 遍历表中所有的行
str += '<tr>';
for (var j = 1; j <= i; ++j) { // 遍历每行中的列
// 拼接单元格
//str += '<td bgcolor='+ randcolor() +'>' + j + '×' + i + '=' + (j * i) + '</td>';
str += '<td bgcolor=#0000ff>' + j + '×' + i + '=' + (j * i) + '</td>';
}
str += '</tr>';
}
str += '</table>';
// 将拼接后的字符串显示到页面中
document.getElementById('table').innerHTML = str;
//document.write(randcolor());
</script>
</body>
</body>
</html>

function getRandomColor (){
return '#' +
(function (color){
return (color += '123456789abcdef'[Math.floor(Math.random() * 16 )]
&& (color.length >= 6) ? color : arguments.callee(color);
})
}
每次调用都会随机返回一种颜色。希望能帮到你