JavaScript 学习笔记(二)setTimeout、setInterval、innerHTML、innerText、outerHTML
来源:互联网 发布:短信发送软件下载 编辑:程序博客网 时间:2024/04/25 16:11
setTimeout
window.setTimeout("page_list()",30000);
setInterval定义和用法
setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])
返回值
一个可以传递给 Window.clearInterval()从而取消对 code 的周期性执行的值。
例子:
<html>
<body>
<form>
self.setInterval("clock()", 50)
</form>
<buttononclick="int=window.clearInterval(int)">
Stopinterval</button>
</body>
</html>
--------------------------------------------------------------------------------------------------
clearTimeout()和clearInterval():
JS里设定延时:
使用SetInterval和设定延时函数setTimeout很类似。
setTimeout 运用在延迟一段时间,再进行某项操作。
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) //设置一个超时对象
SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
一、什么叫做JavaScript 的计时事件
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件。
二、JavaScript 的计时事件的函数
setTimeout() //- 在指定时间后执行代码
clearTimeout() //- 取消setTimeout()
注意: setTimeout()和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
三、setTimeout详解
var t = setTimeout("javascript 语句", 时间参数)
注:时间参数单位为毫秒
示例:var t=setTimeout("alert('3 seconds!')", 3000)
如果js语句带变量,则必须用+号将变量连接起来,如:
var t =setTimeout("document.getElementByIdx_x_xx_x_x_x_x_x("+menuid+").style.display='none'",3000)
四、clearTimeout详解
语法:clearTimeout(setTimeout的变量名)
示例:clearTimeout(t)
使用clearTimeout可以随时停止计时。
五、应用技巧
建议将setTimeout单独设置为一个函数。如:
function delayRun(code, time){
}
这样,在需要让某段代码延时执行的时候,只需在这段代码前加入这个函数就可以了。如:
onmouseover = delayRun("setTab(0,0)", 500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行,则去掉语句中的delayRun相关的代码即可,
改为:onmouseover=setTab(0, 0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码,只需要直接调用就可以了,很方便。也节省了代码的量。
js中innerHTML用法
用法:
<div
</div>
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span
test.innerText:
从起始位置到终止位置的内容,
上例中的text.innerTest的值也就是“test1
test.outerHTML:
除了包含innerHTML的全部内容外,
上例中的text.outerHTML的值也就是<div
完整示例:
<div id="test"> <span style="color:red">test1</span> test2</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a> <a href="javascript:alert(test.innerText)">inerText内容</a> <a href="javascript:alert(test.outerHTML)">outerHTML内容</a>
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
<ahref="javascript:alert(document.getElementByIdx_xx_x('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>
-------------------------------------------------------------------------------------------------------------------------------
<html>
<head></head>
<frameset frameborder="yes" frameborder="1"rows="40%,*">
<frame name="top" src="1.html">
<frame name="bottom"src="2.html">
</frameset>
</html>
<html>
<head>
<script language="javascript">
function init()
{
}
</script>
</head>
<body>
<palign="center">nothing</p>
<palign="center"><input type="button"onclick="init()";value="click"></p>
</body>
</html>
<html>
<center>汽车房产女人</center>
</html>
- JavaScript 学习笔记(二)setTimeout、setInterval、innerHTML、innerText、outerHTML
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- innerText,outerText,innerHTML,outerHTML
- innerText,outerText,innerHTML,outerHTML
- innerText,outerText,innerHTML,outerHTML
- innerText,outerText,innerHTML,outerHTML
- innerHTML,innerText,outerHTML区别
- js innerHTML outerHTML innerText
- outerHTML、innerHTML和innerTEXT
- outerText、innerText 、outerHTML、innerHTML
- innerHTML、innerText、outerHTML
- outerHTML,innerHTML,innerText
- innerHTML、outerHTML、innerText、outerText
- innerText, innerHTML,outerHTML
- OCX的调试
- STOP BEING AFRAID OF FAILURE - The One Lesson Every Entrepreneur Should Learn
- linux程序与资源管理常用指令
- (转)Android游戏开发之绘制游戏主菜单与进度条加载进度(十三)
- 看代码的感悟
- JavaScript 学习笔记(二)setTimeout、setInterval、innerHTML、innerText、outerHTML
- eclipse PermGen space错误解决方法
- 元胞数组
- 简单的MapReduce例子,从一批数据中获取每年的最高温度
- 快速排序时间复杂度分析
- 浏览器的加载与页面性能优化
- LIBGDX版NEHE OPENGL- 6. Texture Mapping
- | grep 解释
- Android平台下传感器应用的开发