学习记录--05api--一次性定时器-克隆节点-offset通过document获取元素-图片跟着鼠标

一次性定时器

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>