首页写一个前端页面,要求每次刷新都可以生成1~10大小的矩阵动画，每行是从0开始，类似这样 0 1 2 3 0 1 2 3 0 1 2 3 0 1 2 3

写一个前端页面,要求每次刷新都可以生成1~10大小的矩阵动画，每行是从0开始，类似这样 0 1 2 3 0 1 2 3 0 1 2 3 0 1 2 3

时间: 2024-02-21 13:01:05 浏览: 15

这里是一个生成10x4的矩阵，每行从0开始的示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Matrix Animation</title> <style type="text/css"> /* 设置单元格样式 */ td { width: 50px; height: 50px; text-align: center; font-size: 24px; font-weight: bold; color: #0f0; background-color: #000; } </style> </head> <body> <table id="matrix"></table> <script type="text/javascript"> // 获取表格元素 var table = document.getElementById("matrix"); // 生成矩阵 for (var i = 0; i < 4; i++) { var row = table.insertRow(i); for (var j = 0; j < 10; j++) { var cell = row.insertCell(j); cell.innerHTML = (j % 4).toString(); } } </script> </body> </html> ``` 在这个示例中，我们使用for循环生成了一个10x4的矩阵。每行从0开始，每个单元格的值都是它在当前行中的位置（0-3）的循环。我们使用`(j % 4).toString()`计算每个单元格的值，并将其设置为单元格的内容。