码迷,mamicode.com
首页 > Web开发 > 详细

JS浏览器对象

时间:2015-12-11 18:35:53      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

一、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>

JS浏览器对象

标签:

原文地址:http://www.cnblogs.com/pinuocaoyan/p/5039604.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!