javascript基础-4

一：定时器

• 定义：在一个设定的时间间隔之后来执行代码。


• 
  定时器种类：
  
  
  
  • 1.setTimeout(函数,毫秒)
  
  
  • 2.setInterval(函数,毫秒)
  
  
  
  


• 
  取消定时器：clearTimeout()
  
  
  
  • 参数我定时器的变量名称
  
  
  
  


• 
  应用场景：
  
  
  
  • 1.在多少秒之后，显示警告框
  
  
  • 2.计时器相关
  
  
  • 3.倒计时
  
  
  • 4.自定义动画等等
  
  
  
  

二：定时器的应用

• 
  基础案例
  
  
  
  • 1.定时器之5s弹框.
  
  
  • 2.定时器之逝去的时间.
  
  
  • 3.开始倒计时.
  
  
  
  


• 其他应用


• 运动学公式


• 
  案例：
  
  
  
  • 匀速运动（等差数列）
  
  
  • 
    减速运动（步伐递减）
    
    
    
    • leader = leader + (target - leader) / 10;
    
    
    
    
  
  
  • 四舍五入函数、随机函数
  
  
  • 展示长图
  
  
  • 展示阴影
  
  
  • 一次性定时器多次执行
  
  
  • 淘宝轮播图
  
  
  • 简单的轮播图实现
  
  
  
  

三：左右轮播图实现

• 
  方式一
  
  
  
  • 1.step控制动画的快慢
  
  
  • 2.loop控制停止在第几张
  
  
  • 3.必须有一个图片宽的的差值用定时器累加或者累减
  
  
  • 原理：见PPT
  
  
  
  


• 
  方式二
  
  
  
  • 原理：见PPT
  
  
  
  


• 节流思想