BOM对象属性定时器的调用

使count中的内容，自动切换

<body>

        <h1 id="count"></h1>

</body>

    //获取count

                var count = document.getElementById("count");

                /*

                 * 使count中的内容，自动切换

                 * JS的程序的执行速度是非常快的

                 * for (var i = 0;i<; i++) {

                    count.innerHTML = i

                }

                setInterval()

                定时调用

                可以将一个函数，每隔一段时间执行一次

                参数

                回调函数，该函数每隔一段时间被调用一次

                每次调用间隔的时间，单位是毫秒

                有一个返回值，Number类型,这个数字用来作为定时器的唯一标识

                 */

                var num = 0;

                var timer = setInterval(function(){

                    count.innerHTML = num++;

                    if(num==30){

                        clearInterval(timer)

                    }

                },30);

                /*

                 * clearInterval()可以用来关闭一个定时器

                 * 方法中需要一个定时器的标识作为参数，这样子关闭表对应的定时器

                 */

秒客网

BOM对象属性定时器的调用

相关文章