setInterval()
setInterval()方法可按照指定的周期来调用函数或者计算表达式(以毫秒为单位);
setInterval()会不停的调用函数,直到clearInterval()被调用或者窗口被关闭,由 setInterval()返回的ID值可用作clearInterval()方法的参数。
clearInterval(定时器的名字)
清除定时器。
通过以上的概念可能很难理解,那么我们就写一个小东西来具体体现一下效果。
自动逐步写入九九乘法表
写入一个九九乘法表,从1x1开始到9x9自动停止。
首先参照普通的九九乘法表
for (i = 1; i <= 9; i++) {
for (b = 1; b <= i; b++) {
document.write(i + "*" + b + "=" + i * b + "   ")
}
document.write("<br />")
}
自动逐步写入乘法表需要用到一下内容:
1.setInterval()方法实现逐步写入计时的实现;
2.for循环实现乘法表的展示;
3.if语句判断写入到几停止。
var i = 0; //声明 i
var c = setInterval(function () { //声明定时器 C
i++; // i 递增
for (b = 1; b <= i; b++) { //循环
document.write(b + "*" + i + "=" + b * i + "   ");
if (i == 9) { //如果 i 运算到9
clearInterval(c); //清除定时器 c
}
} document.write("<br />") //如果不满足 i=9 换行 并且继续循环运算
}, 100); //500毫秒一次