javascript笔记

定时器

js里有两种定时器。
1.每隔一段时间做一件事情（循环一直做，直到你强制停止了定时器）
2.多久以后，干一件事情（只做1次）,延迟做一件事
setInterval(function,ms);
//假设我要设置1个定时器，要求5秒钟灯泡闪一下
①setInterval(function(){//灯泡闪烁},5000);
②function shake(){//灯泡闪烁}
setInterval(shake,5000);

setInterval(shake(),5000);//错误写法

注意：setInterval()有返回值，这个返回值就是指向当前定时器对象的引用
清理定时器：clearInterval(timer);
setTimeOut(function,ms)

获取盒子在页面上的实际大小

(1)offsetWith & offsetHeight 用来获取盒子在页面上的实际占有的大小
obj.style.width只能读取或者写入行内样式，对于非行内样式，它无法设置和读取
1.obj.offsetWith 宽
obj.offsetHeight 高
2.obj.style.width 与 obj.offsetWidth的区别
①obj.style.width属性是字符串，读取出来的数据是带有"px"的（不能直接做加减乘除的运算）
而obj.offsetWidth是数值类型，读出的数据没有"px"（可以直接做加减乘除）
②obj.style.width是可读可写的
offsetWidth是只读属性，不能修改。
③obj.style.width只能读取或者写入行内样式，对于非行内样式，它无法设置和读取
offsetWidth可以随时读取当前盒子的宽度，无论是行内样式还是非行内样式

注意：offsetWidth = width + padding + border

(2)offsetLeft & offsetTop 盒子与上级盒子的距离
注意，一定不能使用obj.style.left来计算距离
①obj.style.left，只能读写行内样式
offsetLeft能读取任何地方设置的样式
②obj.style.left是个字符串，带有“px”后缀
offsetLeft是数值类型，能直接做算数运算
③offsetLeft是只读的，obj.style.left是可读可写的
④offsetLeft读取的是距离上一级声明了定位方式的盒子的距离，如果没有任何1级父盒子声明了定位方式
那么offsetLeft读取的就是距离body的距离。如果多个父级盒子都声明了定位方式，那么以最近的那个盒子为准
⑤offsetLeft读取到的是边框到边框的距离（含有padding）

注意：只有offsetLeft和offsetTop，没有offsetRight和offsetBottom。