JavaScript 定时器的使用

开启定时器
setInterval 间隔型 无限执行

function show() {
alert("a");
}
setInterval(show,1000);

setTimeout 延时型 只执行一次

function show() {
alert("a");
}
setTimeout(show,1000);

停止定时器
clearInterval
clearTimeout

数码时钟效果思路
获取系统时间
Date对象
getHours、getMinutes、getSeconds

显示系统时间
字符串连接
空位补零

设置图片路径
charAt方法 可以获取字符串的某一位,全兼容

Date对象其他方法

getFullYear()

getMonth() 用到月需+1

getDate()
星期
getDay()

运动框架
在开始运动时,关闭已有定时器
把运动和停止隔开(if/else)
栗子:

See the Pen share-yundong by Adele (@qianduank) on CodePen.

跟随页面滚动的缓冲侧边栏

See the Pen onscroll by Adele (@qianduank) on CodePen.

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注