实验要求:
1、使用JavaScript计时器打印出九九乘法表;
2、网页中有一个按钮,点击之后开始输出九九乘法表;
3、所有九九乘法表输出到一个table中;
4、表格的边框需要使用CSS进行合并;
5、在所有式子输出完毕之后,将表格中的单元格背景改为红色。
我的代码按照老师的那个来的,但是却无法显示,初学者,望大佬指教,谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>九九乘法表</title>
<script type="text/javascript">
var i=1,j=1;
function table9(){
/*如果成立则执行下一行,定义表格*/
i==1&&document.write("<table style='border;1px solid green;border-collapse"></table>");
j==1&&document.write("</tr>");
document.write("<td style='border;1px solid'>"+i+"*"+j+"="+i*j+"</td>");
if(i==j)/*i=j的时候换行*/
document.write("</tr>");
i++;
j++;
}
else{
j++;
}
if(i==10){
document.write("</table>")
document.write("<style>td{background-color: red;}</style>")/*清除后变为红色*/
clearInterval(timer);
}
}
var timer=setInterval(table9,100);
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>