信鸽网

window.setInterval()方法的定义和用法及offsetLeft与style.left的区别

  作者：bea

定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 提示： 1000 毫秒= 1 秒。 语法 setInterval(code,millisec,lang) 参数 描述 code
定义和用法
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
提示： 1000 毫秒= 1 秒。
语法
setInterval(code,millisec,lang)




参数
描述


code
必需。要调用的函数或要执行的代码串。


millisec
必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。


lang
可选。 JScript | VBScript | JavaScript




总结：
此方法可以按照指定的周期执行来执行一段程序。周期是以毫秒为单位的。
此方法如果不关闭游览器或者调用clearInterval()方法将会永远的执行下去。
返回值是此方法的唯一ID标识。
停止此定时器函数的执行可以参阅clearInterval()方法一章节。
点击可参阅更多window对象的属性和方法。
浏览器支持:
（1）.IE浏览器支持此方法。 （2）.Firefox浏览器支持此方法。 （3）.Opera浏览器支持此方法。 （4）.chrome浏览器支持此方法。 （5）.safria浏览器支持此方法。
代码实例:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.xinge360.com/" />
<title>信鸽网</title>
<script type="text/javascript">
window.onload=function(){
n=0;
function show(){
document.getElementById("mytext").value=n+1;
n=n+1;
}
var flag=setInterval(show,1000)
}
</script>
</head>
<body>
<input type="text" size=10 id="mytext" />
</body>
</html>

下面给大家介绍offsetLeft与style.left的区别
offsetLeft 获取的是相对于父对象的左边距
left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距
如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值， 这同offsetLeft是相同的，区别在于：
1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算， 还用offsetLeft比较方便。
2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。
3. style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里，我做过试验，如果定义在 css里，style.left的值仍然 为空，这就是我刚开始碰到的问题，总是取不到style.left的值。
offsetLeft则仍然能够取到，无需事先定义div的位置。


有用  |  无用

猜你喜欢

您可能感兴趣的文章: