一次性定时器
//另一个定时器-------一次性的定时
/*
* 参数1:函数
* 参数2:时间---1000毫秒---1秒
* 返回值:该定时器的id
*
*
* */
// window.setTimeout(函数,时间);
//页面加载后
window.οnlοad=function () {
//一次性的定时器
var timeId=window.setTimeout(function () {
alert("您好");
},1000);
//点击这个按钮,停止这个一次性的定时器
document.getElementById("btn").οnclick=function () {
clearTimeout(timeId);
};
};
</script>
</head>
<body>
<input type="button" value="停下" id="btn"/>
<script>
--------------------------------------------------------------------------------------------------------------------------------------------
offset系列
//获取元素的样式,以下方法只能获取在style属性中设置的样式属性,获取不到在style标签中设置的样式属性
//console.log(my$("dv1").style.width);
//console.log(my$("dv1").style.height);
//获取在style标签中设置的样式属性应该使用offset系列
/*
*
* offsetWidth:获取元素的宽
* offsetHeight:获取元素的高
* offsetLeft:获取元素距离左边位置的值
* offsetTop:获取元素距离上面位置的值
*
* */
注意:
//没有脱离文档流:
/*
*
* offsetLeft:父级元素margin+父级元素padding+父级元素的border+自己的margin
*
*
* 脱离文档流了
* 主要是自己的left和自己的margin
* */
//子级元素的
console.log(my$("dv2").offsetLeft);
--------------------------------------------------------------------------------------------------------------------------------
通过document获取几个元素
//获取body
console.log(document.body);//获取的是元素--标签
//获取title
console.log(document.title);//标签中的值
document.title="嘎嘎去";
//获取html
console.log(document.documentElement);
----------------------------------------------------------------------------------------------------------------------------------
鼠标在页面移动,获取鼠标的坐标
//鼠标在页面中移动,图片跟着鼠标移动
document.οnmοusemοve=function (e) {
//鼠标的移动的横纵坐标
//可视区域的横坐标
//可视区域的纵坐标
my$("im").style.left=e.clientX+"px";
my$("im").style.top=e.clientY+"px";
};