一次性定时器
window.setTimeout(函数,时间)–返回定时器的id
只执行一次
清除定时器—主要是清除一次性定时器在内存中占得空间
clearTimeout(id名)
如果样式的代码在style标签中那个设置,外面是获取不到的
如果样式的代码在style属性中那个设置,外面是可以获取到的
<标签名 style=“样式的代码”><标签名>
offsetLeft
获取left的值 返回数字 没有px
(offset属性)
可以给定时器封装一个函数
动画函数封装复习
要把定时器写在函数里
克隆节点
cloneNode = function(deep){
}
deep boolean类型—true—克隆的节点里面的所有东西都要
false—只要标签
克隆节点–返回Node节点
–写法就是cloneNode(true)
offset系列
没有脱标的情况下
获取子元素的offset系列的值是,加上了父级元素的margin和padding和border以及自己的margin不包括自己的padding和border
脱标的情况下
主要是自己的left值和margin值
直接通过document获取元素
==获取body
document.body
==获取title
document.title
==获取html
document.documentElement
图片跟着鼠标飞
鼠标移动事件—document.onmousemove
这个事件里有参数对象e
可以通过e.clientX获取鼠标当前在可视区域的横坐标
可以通过e.clientY获取鼠标当前在可视区域的纵坐标
代码示例
<script>
window.onload = function () {
document.onmousemove = function (e) {
var x = e.clientX;
var y = e.clientY;
document.getElementById('im').style.left = x + 'px';
document.getElementById('im').style.top = y + 'px';
}
}
</script>