JS定时器

定时器的作用

-开启定时器

       -setInterval  间隔型   setInterval(函数，间隔时间)       一直执行下去

       -setTimeout  延时型   setTimeout(函数，间隔时间)     只执行1次

       -两种定时器的区别

-停止定时器

       -clearInterval

       -clearTimeout

 

数码时钟

-效果思路

-获取系统时间

       -Date对象

       -getHours、getMinutes、getSeconds

-显示系统时间

       -字符串连接

       -空位补零

-设置图片路径

       -charAt方法str.charAt(i)

 

Date对象其他方法

-年

       -getFullYear()

-月

       -getMonth()  +1

-日

       -getDate()

-星期

       -getDay()      0—周日

 

延时提示框

-效果演示

-原来的方法

       -移入显示，移出隐藏

-移出延时隐藏

       -移入下面的Div后，还是隐藏了

-简化代码

       -合并两个相同的mouseover和mouseout

 

无缝滚动基础

-效果演示

-物体运动基础

       -让Div移动起来

       -offsetLeft的作用获取物体的左边距(offsetTop/offsetWidth/offsetHeight)

       -用定时器让物体连续移动

 

无缝滚动

-效果原理

       -让ul一直向左移动

-复制li

       -innerHTML和+=

       -修改ul的width

-滚动过界后，重设位置

       -判断过界

 

无缝滚动扩展

-改变滚动方向

       -修改speed

       -修改判断条件

-鼠标移入暂停

       -移入关闭定时器

       -移出重新开启定时器