js的window对象(BOM)
来源:互联网 发布:飞思卡尔单片机选型 编辑:程序博客网 时间:2024/06/10 11:38
window对象
window对象是BOM的核心,window对象指当前的浏览器窗口。
window对象方法:
注意:这里i着重讲计时器
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>取消计时器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>计时器setTimeout()
setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:
setTimeout(代码,延迟时间);参数说明:
1. 要调用的函数或要执行的代码串。
2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
例子:使用setTimeout()实现计数统计效果,并在文本框中显示数值。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title></head><script type="text/javascript">var num=0;function startCount() {document.getElementById('count').value=num;num=num+1;setTimeout("startCount()",1000);}setTimeout("startCount()",1000); /*经过1s后自动加载开始计时*/</script></head><body><form><input type="text" id="count" /></form></body></html>取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用,停止计时器。
语法:
clearTimeout(id_of_setTimeout)参数说明:
id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器:
<!DOCTYPE HTML><html><head><script type="text/javascript">var num=0,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>
- js的window对象(BOM)
- js-----BOM/window对象
- js的BOM对象
- JS的BOM对象
- js的Bom对象
- javascript的bom对象中的window对象
- 说说 JavaScript 中 BOM 的 window 对象
- JavaScript的BOM对象window方法
- js的bom对象简介
- JavaScript Window -浏览器对象模型(BOM)
- javaScript中的BOM对象-window(1)
- 第八章:BOM(window对象)
- JavaScript之window对象(BOM)
- BOM-Window 对象
- JavaScript BOM对象(Window)
- BOM编程、window对象
- BOM.window对象
- BOM--window对象
- 消息推送
- 基于循环链表的约瑟夫问题(八)
- 决策树算法——ID3算法,C4.5算法
- C++基础--string类的operator[]/at/back/front
- 五大常用算法之一:分治算法
- js的window对象(BOM)
- Hibernate 一对多关系单向控制(一控制多)
- /dev/null 的用途
- sql server 的增删改查小测试及答案(这对于初学者来说是一件难得的宝物)
- Nginx 学习
- 求两个字符串的最长公共子串(LCS)
- 重写equals()与hashcode()方法,及comparable接口的实现
- ajax同步与异步
- 《head first python》——理解数据:列表排序与集合