浏览器对象的使用(window对象)教程.docx
文本预览下载声明
浏览器对象的使用（window对象）
window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 注意:在JavaScript基础篇中，已讲解了部分属性，window对象重点讲解计时器。
1、JavaScript 计时器
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。 计时器类型： 一次性计时器：仅在指定的延迟时间之后触发一次。 间隔性触发计时器：每隔一定的时间间隔就触发一次。 计时器方法： ?
2、计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。 clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: setInterval(代码,交互时间); //计时器 clearInterval(id_of_setInterval)//取消计时器
参数说明：
代码：要调用的函数或要执行的代码串。
交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 3.id_of_setInterval：由 setInterval() 返回的 ID 值。
返回值: 一个可以传递给 clearInterval() 从而取消对代码的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval(clock(),1000) 或 setInterval(clock,1000) 我们设置一个计时器，每隔100毫秒调用clock()函数，并将时间显示出来，代码如下:
script type=text/javascript
var int=setInterval(clock, 100)
function clock(){
var time=new Date();
document.getElementById(clock).value = time;
}
/script
每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时，停止时间,代码如下:
script type=text/javascript
function clock(){
var time=new Date();
document.getElementById(clock).value = time;
}// 每隔100毫秒调用clock函数，并将返回值赋值给i
var i=setInterval(clock(),100);
/script
3、计时器setTimeout()
setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 setTimeout()和clearTimeout()一起使用，停止计时器。 语法: setTimeout(代码,延迟时间); clearTimeout(id_of_setTimeout)
参数说明： 1.要调用的函数或要执行的代码串。
延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。 3.id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
当我们打开网页3秒后，在弹出一个提示框，代码如下:
script type=text/javascript
setTimeout(alert(Hello!), 3000 );
/script
当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框。
script type=text/javascript
function tinfo(){
var t=setTimeout(alert(Hello!),5000);
}
/script
form
input type=button value=start onClick=tinfo()
/form
要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。在下面的代码，当按钮被点击后，输入域便从0开始计数。
script type=text/javascript
var num=0;
function numCount(){
document.getElementById(txt).value=num;
num=num+1;
setTimeout(numCount(),1000);
}
/script
form
input type=text id=txt /
input type=button value=Start onClick=numCount() /
显示全部