标签：tar 历史 创建 执行 htm date() 不同 put 单位
抱歉，好几天没有更新了。期间有不少事情要忙，快过年了嘛。但是后面还会继续
更新的。
现在来说说window对象。
window对象是BOM的核心，window对象指当前的浏览器窗口。
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调
用后立即执行。
计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法：
方法 说明
setTimeout() 指定的延迟时间之后来执行代码
clearTimeout() 取消setTimeout()设置
setIntervl() 每隔指定的时间执行代码
clearInterval() 取消setInterval()设置
先说说计时器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=setIntervale(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>
既然有设置计时器，就有取消计时器。取消计时器是clearInterval()
clearInterval()方法可取消由setInterval()设置的交互时间。
语法：
clearInterval(id_of_setInterval)
参数说明:
id_of_setInterval:由setInterval()返回的ID值。
每隔100毫秒调用clock()函数，并显示时间。当点击按钮时，停止时间，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
// 每隔100毫秒调用clock函数，并将返回值赋值给i
var i=setInterval("clock()",100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
</form>
</body>
</html>
刚刚的setInterval()是立竿见影的效果，现在说说setTimeout()计时器，它是在载
入后延迟指定时间后，去执行一次表达式，仅执行一次。
语法：
setTimeout(代码，延迟时间);
参数说明：
1.要调用的函数或要执行的代码串。
2.延迟时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms）
当我们打开网页3秒胡，在弹出一个提示框，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
setTimeout("alert(‘Hello!‘)",3000)
</script>
</head>
<body>
</body>
</html>
当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function tinfo(){
var t=setTimeout("alert(‘Hello!‘)",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="start" onClick="tinfo()">
</form>
</body>
</html>
要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。在
下面的代码，当按钮被点击后，输入域便从0开始计数。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0;
function numCont(){
document.getElementById(‘txt‘).value=num;
num=num+1;
setTimeout("numCont()",1000);
}
</script>
</head>
<body>
<form>
<input type="text" id="txt"/>
<input type="button" value="Start" onClick="numCont()">
</form>
</body>
</html>
setTimeout()和clearTimeout()一起使用，停止计时器。
语法：
clearTimeout(id_of_setTimeout)
参数说明：
id_of_setTimeout:由setTimeout()返回的ID值。该值标识要取消的延迟执行代码块。
下面的例子和上面的无穷循环的例子相似。唯一不同的是，现在我们添加一个"Stop"
按钮来停止这个计数器：
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0,i;
//这里的意思是var num=0; var i;
function timedCount(){
document.getElementById(‘txt‘).value=num;
num=num+1;
i=setTimeout(timedCount,1000);
}
setTimeout(timedCount,1000);
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="txt">
<input type="button" value="Stop" onClick="stopCount()">
</form>
</body>
</html>
history对象记录了用户曾经浏览过的页面（URL）并可以实现浏览器前进与后退相
似导航的功能。
注意：从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至整个框
架，都有自己的history对象与特定的window对象关联。
语法：
window.history.[属性|方法]
注意：window可以省略
History对象属性：
属性 描述
length 返回浏览器历史列表中的URL数量
History对象方法：
方法 描述
back() 加载history列表中的前一个URL
forward() 加载history列表中的下一个URL
go() 加载history列表中的某个具体的页面
使用length属性，当前窗口的浏览器历史总长度，代码如下：
<script type="text/javascript">
var HL=window.history.length;
document.write(HL);
</script>
back()方法，加载history列表中的前一个URL
语法：
window.history.back();
比如，返回前一个浏览的页面，代码如下：
window.history.back();
注意：等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下：
window.history.go(-1)
标签：tar 历史 创建 执行 htm date() 不同 put 单位
原文地址：http://www.cnblogs.com/zj520/p/6347414.html
