JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

Posted 廖利君

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象相关的知识,希望对你有一定的参考价值。

技术分享

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

setInterval(代码,交互时间);


2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
递归,就是在运行的过程中调用自己。
setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout(代码,延迟时间);

function startCount() {
document.getElementById(‘count‘).value=num;
num=num+1;
setTimeout("startCount()",1000);
}

 

3,setTimeout()和clearTimeout()一起使用,停止计时器。

clearTimeout(id_of_setTimeout)

<script type="text/javascript">
var num=0;
var i;
var j;
function startCount(){
document.getElementById(‘count‘).value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
j =clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick= "startCount()"/>
<input type="button" value="Stop" onclick="stopCount()" />

 

History 对象

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

 

window.history.[属性|方法]
技术分享
window.history.go(1)是返回历史记录上一个页面
window.history.go(-1)是返回历史记录下一个页面
window.history.back()
是返回历史记录上一个页面
window.history.forward()是返回历史记录下一个页面

Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL。

location.[属性|方法]

技术分享

技术分享

技术分享



Navigator对象

Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本

技术分享
 document.write(navigator.appVersion);

 

































以上是关于JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象的主要内容,如果未能解决你的问题,请参考以下文章

bom

弹框,滚动窗口,定时器,history对象

弹框,滚动窗口,定时器,history对象

Javascript进阶篇——浏览器对象—History对象

Java入门到架构师教程之JavaScript:history对象和location对象JavaScript设计模式系统讲解与应用

javascript History 对象总结