JS定时器_setInterval

JS定时器详解

转载于 2016-03-15 21:58:00 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/h5skill/p/5281420.html

本文详细介绍了JavaScript中的定时器setInterval和setTimeout的区别与用法。通过一个具体的示例展示了如何使用setInterval实现周期性的函数调用，并说明了如何清除定时器。适合初学者了解JavaScript定时器的基本操作。

ZC：setInterval 为自动重复，setTimeout 不会重复。

1、

window.setInterval(A, B);

window.clearInterval(?);

2、

http://www.jb51.net/article/47819.htm

3、简单例子：

    var g_timer01 = null;

    function BtnClick03()
    {
        // setInterval 为自动重复，setTimeout 不会重复。
        g_timer01 = window.setInterval(TimerFunc01, 20);// ZC: 貌似 写成 setInterval("TimerFunc01()", 20); 也是可以的
        //window.clearInterval(g_timer01);//去掉定时器

    }

    var g_iX_test01 = 100;// 与id为"test01"的矩形 的 属性"x" 的值相同

    function TimerFunc01()
    {
        g_iX_test01 ++;
        //console.log("g_iX_test01 : "+g_iX_test01);
        if (g_iX_test01 >= 200)
        {
            window.clearInterval(g_timer01);
            console.log("g_timer01 is cleared .");
            return;
        }

        var test01 = document.getElementById("test01");
        test01.setAttribute("x", g_iX_test01 + "");
    }