编码
小练习，练习使用循环实现一个九九乘法表
- 第一步，最低要求：在Console中按行输出 n * m = t
- 然后，尝试在网页中，使用table来实现一个九九乘法表
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>九九乘法表table版</title>
</head> <body onload="a()">
<table id="table" border="1" > </table>
<script>
function a() {
var t = document.getElementById("table");
for (n = 9; n > 0; n--) {
var tr = document.createElement("tr");
for (m = 1; m < n+1; m++) {
var td = document.createElement("td");
var node = document.createTextNode(m + "*" + n + "=" + m * n);
td.appendChild(node);
tr.appendChild(td);
t.appendChild(tr);
}
}
}
</script>
</body> </html>
注意点：九九乘法表按照常规自增写法会涉及重复部分重复公式，如1*2=2；2*1=2；所以我们采用m<n+1的写法来递减个数。
注意变量的重复定义，避免出现错误，一开始写m*n=t，后来报错，原来和table的变量冲突了，无法使用t.appendChild(tr)这个函数。
编码
最后一个练习，在你的代码中，实现一个，当用户访问页面的时候，根据当前时间，在页面中输出不同的问候语。
比如早上的时候，输出早上好，晚上的时候是晚上好。
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>九九乘法表table版</title>
</head> <body onload="a()">
<table id="table" border="1"> </table>
<!-- 通过按钮实现问候 -->
<!-- <button id="saytime" onclick="sayhello(date)">点击查看时间问候</button> -->
<script>
var date = new Date(); function sayhello() {
var hour = date.getHours();
var minutes = date.getMinutes();
var mytime = hour * 3600 + minutes * 60;
if (mytime >= 6 * 3600 && mytime < (11 * 3600 + 30 * 60)) {
alert("上午好，亲爱的Joe！");
} else if (mytime >= (11 * 3600 + 30 * 60) && mytime < (14 * 3600 + 30 * 60)) {
alert("中午好，亲爱的Joe！");
} else if (mytime >= (14 * 3600 + 30 * 60) && mytime < (18 * 3600)) {
alert("下午好，亲爱的Joe！");
} else {
alert("晚上好，亲爱的Joe！");
}
}
//网页打开就问候
sayhello(date); function a() {
var t = document.getElementById("table");
for (n = 9; n > 0; n--) {
var tr = document.createElement("tr");
for (m = 1; m < n + 1; m++) {
var td = document.createElement("td");
var node = document.createTextNode(m + "*" + n + "=" + m * n);
td.appendChild(node);
tr.appendChild(td);
t.appendChild(tr);
}
}
}
</script>
</body> </html>
注意：判断时间记得考虑边界值