浏览器对象的使用(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() /