JS 进阶

2016-11-28  本文已影响39人  罗小耳

window对象
window对象是BOM的核心,window对象指当前的浏览器窗口。

window对象方法:


注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。

JavaScript 计时器
在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。计时器类型:一次性计时器:仅在指定的延迟时间之后触发一次。间隔性触发计时器:每隔一定的时间间隔就触发一次。

计时器方法:

计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。

语法:
setInterval(代码,交互时间);
参数说明:

  1. 代码:要调用的函数或要执行的代码串。
  2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
setInterval("clock()",1000)或setInterval(clock,1000)
我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,
代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript"> 
var int=setInterval(clock, 100)
 function clock(){
 var time=new Date(); 
document.getElementById("clock").value = time; 
}
</script>
</head>
<body>
 <form> 
<input type="text" id="clock" size="50" />
 </form>
</body>
</html>

screen对象
screen对象用于获取用户的屏幕信息。

语法:
window.screen.属性
对象属性:

上一篇下一篇

猜你喜欢

热点阅读