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 + "&nbsp &nbsp")

                    }
                    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 + "&nbsp &nbsp");
               if (i == 9) {           //如果 i 运算到9
                           clearInterval(c);   //清除定时器 c 
                       }
                   } document.write("<br />")   //如果不满足 i=9  换行 并且继续循环运算
                    }, 100);        //500毫秒一次
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容