setInterval与clearInterval的关系

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("
") }

自动逐步写入乘法表需要用到一下内容:
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("
") //如果不满足 i=9 换行 并且继续循环运算 }, 100); //500毫秒一次

你可能感兴趣的:(setInterval与clearInterval的关系)