Day09(计时器,定时器,无缝轮播图)

计时器函数 setInterval()

setInterval()        //计时器函数
setInterval(要执行的函数,执行间隔(以毫秒为单位,1000毫秒就是一秒)
setInterval(function(){
   console.log(111)
},1000)

定时器函数 setTimeout()

setTimeout();类似于定时炸弹,规定多久以后执行一次内部的函数
用法:与setInterval()相同

setTimeout(“函数”,执行时间);
setInterval(“函数”,10);每隔十秒执行一次;
setTimeout(“函数”,10);十秒以后执行函数,并且只执行一次;
函数自己调用自己的过程,叫做:递归调用;

所以,要记住,递归调用一定要有跳出的条件;

清除计时器 clearInterval()

声明一个变量,把计时器存起来,然后,用清除语句:
var a=setInterval (function(){},1);
clearInterval(a); //清除计时器

setInterval(function(){},1000);//计时器
function fun(){
    console.log(“a”)
}

setInterval(fun,1000)
setInterval(‘fun()’,1000)

小案例(倒计时跳转)

5秒后跳转到百度

小案例(无缝滚动轮播图)


  • 1
  • 2
  • 3
  • 4
  • 1
  • 2

小案例(图片无缝滚动轮播图)

    


  • ![](images/banner_1.jpg)
  • ![](images/banner_2.jpg)
  • ![](images/banner_3.jpg)
  • ![](images/banner_4.jpg)
  • ![](images/banner_5.jpg)
  • ![](images/banner_6.jpg)
  • ![](images/banner_1.jpg)

你可能感兴趣的:(Day09(计时器,定时器,无缝轮播图))