js动画

js动画

setTimeout()
定时器
隔了 n 毫秒执行一次（只执行一次）
第一个参数 function
第二个参数时间 (不带单位)
setInterval()
计时器
每隔 n 毫秒执行一次（如果不停止就一直执行）
第一个参数 function
第二个参数时间 (不带单位)
有返回值返回值是 ID
id 是从 1 开始按照创建顺序依次递增的正整数（火狐是从2开始）
clearinterval()
清除计时器
根据计时器的 id 清除计时器
清除所有计时器思路
1、封装一个方法
2、在方法内部写一个计时器
当这个方法调用的时候计时器生效则这个计时器就是页面中最后一个计时器
3、根据这个计时器的id我们可以知道页面中共有多少和计时器
而计时器的id有事从1开始递增的正整数
4、所有可以通过for循环来循环他的id
5、在for循环中写一个clearInterrval（id）来个根据循环的id清除所有的计时器
4、offset
offsetwdith和offsetHeight
来获取元素在页面中所占大小
包括width padding border
获取到的值不带单位（px）
offsetTop和offsetLeft
获取元素到参照物的距离
通常值跟css中top和left相等
获取到的值不带单位
5、client
clientwidth和clientHeight
用来获取元素自身内容区域的大小
包括width padding
获取到的值不单位
clienttop和clientleft
没有
获取到的值等于边框宽度
6、获取css样式
标签.style.属性名
只能获取行间样式中有的属性
设置的话也是往行间样式里面设置
而且行间样式中没有的也可以设置
getComputedStyle（标签）[属性名]
不管是行间样式还是css中设置的属性都可以获取
不兼容ie
ie下使用
标签.currentStyle（属性名）
7、自定义属性
行间自定义属性
可以在标签内直接设置自定义属性属性名不能跟系统默认属性重复
也可以在js中通过标签.setAttribute（属性名，属性值）来设置行间自定义属性
通过标签.getAttribute（属性名）类获取行间自定义属性
js对象自定义属性
通过标签.属性名= 属性值设置自定义属性
通过标签.属性名获取属性值
这种方式设置的自定义属性无法在标签中查看

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

js动画

相关阅读更多精彩内容

友情链接更多精彩内容