手记

JavaScript学习笔记——09.定时器的使用-1

1. 定时器
(1)定义:函数的循环或延迟。
(2)设置:
①setInterval(函数,时间) , 循环型
②setTimeout(函数,时间), 延迟型(单次)
③注意:两个都是,先等待时间,再执行函数。
(3)清除:
①clearInterval(定时器名称)
②clearTimeout(定时器名称)
③注意:定时器尽量起个名称,方便调用。因为会有很多定时器。


2. 数码时钟
(1)实现思路:获取系统时间,改变图片路径
(2)获取系统时间:
①Date对象(要先创建,var oDa=new Date();)
②getHours()、getMinutes()、getSeconds()
(3)显示系统时间
①字符串连接
②空位补零
(4)设置图片路径:charAt()方法。
(5)Date的其他方法:getFullYear()、getMonth()注意月会少一、getDate(),getDay()

3.延迟提示框
(1)效果:电脑版qq头像,鼠标移入显示信息,可以在两者间移动,离开后延迟消失。
(2)老方法:移入显示,移出隐藏
(3)新方法:移出时,添加定时器,延迟消失。
(4)注意:需要学会简化代码,将重复或者相似的合并。

3人推荐
随时随地看视频
慕课网APP