JavaScript 计时器
计时器类型:
一次性计时器:仅在指定的延迟时间之后触发一次。
间隔性触发计时器:每隔一定的时间间隔就触发一次。
计时器方法:
方法 | 说明 |
---|---|
setTimeout() | 指定的延迟时间之后来执行代码 |
clearTimeout() | 取消setTimeout()设置 |
setInterval()e | 每隔指定的时间执行代码P |
dlearInterval() | 取消setinterval)设置 |
计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。
语法:
setInterval(代码,交互时间);
调用函数格式
setInterval("clock()",1000)
或
setInterval(clock,1000)
取消计时器clearInterval()
clearInterval() 方法可取消由 setInterval() 设置的交互时间。
语法:
clearInterval(id_of_setInterval)
计时器setTimeout()
setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:
setTimeout(代码,延迟时间);
参数说明
- 要调用的函数或要执行的代码串。
- 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用,停止计时器。
语法:
clearTimeout(id_of_setTimeout)
History 对象
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
语法:
window.history.[属性|方法]
History 对象属性
属性 | 描述 |
---|---|
length | 返回浏览器历史列表中的URL数量。 |
History 对象方法
方法 | 描述 |
---|---|
back() | 加载 history 列表中的前一个URL. 。 |
fonward() | 载 history 列表中的下一个URL.。 |
go() | 加载history列表中的某个具体的页面。 |
返回前一个浏览的页面
back()方法,加载 history 列表中的前一个 URL。
语法:
window.history.back();
比如,返回前一个浏览的页面,代码如下:
window.history.back();
返回下一个浏览的页面
forward()方法,加载 history 列表中的下一个 URL。
如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:
window.history.forward();
返回浏览历史中的其他页面
go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。
语法:
window.history.go(number);
参数:
number | 参数说明 |
---|---|
1 | 前一个,go(1)等价forward() |
0 | 后一个,go(-1)等价back()o |
-1 | 要访问的URL在History的URL列表中的相对位置。 |
其他数值 | 要访问的URL在History的URL列表中的相对位置。 |
Location对象
location用于获取或设置窗体的URL,并且可以用于解析URL。
语法:
location.[属性|方法]
Navigator对象
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
对象属性
属性 | 描述 |
---|---|
appCodeName | 浏 览器代码名的字符串表示。 |
appNamep | 返回浏览器的名称。 |
appVersione | 返回浏览器的平台和版本信息。。 |
platforme | 返回运行浏览器的操作系统平台。 |
userAgente | 返回由客户机发送服务器的useragent头部的值。 |
userAgent
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
语法:
navigator.userAgent
screen对象
screen对象用于获取用户的屏幕信息。
语法:
window.screen.属性
屏幕分辨率的高和宽
window.screen 对象包含有关用户屏幕的信息。
- screen.height 返回屏幕分辨率的高
- screen.width 返回屏幕分辨率的宽
屏幕可用高和宽度
-
screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。
-
screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。