标签:
一、JS浏览器对象-window对象
1、window对象:
window对象是BOM的核心,window对象指当前的浏览器窗口
所有的JavaScript全局对象、函数以及变量均自动生成window对象的成员
全局变量是window对象的属性
全局函数是window对象的方法
甚至HTML DOM的document也是window对象的属性之一
2、window尺寸:
window.innerHeight--浏览器窗口内部高度
window.innerWidth--浏览器窗口内部宽度
二、JS浏览器对象-定时器
1、计时事件:
通过使用JavaScript,我们有能力做到在一个设定的时间间隔后来执行代码,而不是在函数被调用后立即执行,我们称之为计时事件。
2、计时方法
1)、setInterval()-间隔制定的毫秒数不停地执行指定的代码
clearInterval()方法用于停止setInterval()方法执行的函数代码
2)、setTimeout()-暂停制定的毫秒数后执行指定的代码
clearTimeout()方法用于停止执行setTimeout()方法的函数代码
具体应用实例如下:
(1)间隔一秒后获取当地的时间,按下按钮时,停止setInterval()方法的执行
<body >
<button id="btn" onclick="stopTime()">按钮</button>
<p id="ptime"></p>
<script>
var mytime=setInterval(function(){
getTime();
},1000); //定义时间变量,并用setInterval()方法延迟执行
function getTime(){
var d=new Date(); //创建一个时间对象
var t=d.toLocaleTimeString(); //将时间对象转化成字符串的形式
document.getElementById("ptime").innerHTML=t; //将得到的字符串放在<p>标签里
}
function stopTime(){ //停止setInterval()方法的执行
clearInterval(mytime);
}
</script>
</body>
(2)3秒后弹出一个”hello“
<body onload="myWin()">
<script>
var win;
function myWin(){
win=setTimeout(function(){alert("hello")},3000);
}
</script>
</body>
(3)每隔3秒弹出一个”hello“,点击按钮停止弹出
<body onload="myWin()">
<button id="btn" onclick="stopWin()">按钮</button>
<script>
var win;
function myWin(){
alert("hello")
win=setTimeout(function(){myWin()},3000); //自己调用自己,实现反复弹出
}
function stopWin(){ //停止setTimeout()方法的执行
clearTimeout(win);
}
</script>
</body>
标签:
原文地址:http://www.cnblogs.com/pinuocaoyan/p/5039604.html