自动轮播图切换

原创 502972636 随笔 JS 292阅读 2018-01-17 22:58:51 举报

定时器:
开启定时器,就是调用函数

  1. 重复型定时器: 以指定的时间间隔,做同一件事,只要不停止,一直做下去。
    运动的产生:不断改变某个属性的值
                    setInterval(函数,间隔时间)
                   间隔时间不写,根据浏览器设置的默认时间来,html5的最新规范,规
                   定了定时器最短的时间间隔是4ms
    
                   间隔时间是毫秒:1s = 1000ms
                   要执行很多句代码,一般会放在函数中
    
                  把一个函数作为参数传给另一个函数的这个函数称之为回调函数
       1. function fn(callback){
    
        }
    
        2.fn(function (){   //把这个函数作为参数传给 1. 的
                              函数,这个函数叫做回掉函数
         })

获取宽度:
offsetWidth
offsetHeight
不管写在行间、内嵌、外链的样式都可以获取

2.延迟型定时器

  setTimeout(callback,延迟时间[,参数1,参数2])

            延迟型定时器,在规定的延迟时间执行一次,之后不再执行了

清除定时器:
清除/停止定时器
在定时器执行回调函数时候,在某一个合适的条件下,让定时器停止

            当使用setInterval/setTimeout开启定时器,这两个函数会有一个返回值,
            这个返回值是浏览器分配给开启定会器的编号。

            通过这个编号,可以找到开启的定时器

           clearInterval(定时器的编号)   //清除重复定时器
         clearTimeout(定时器的编号)    //清除延迟定时器

案例:

自动轮播图切换

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复