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

  定义和用法

  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.softwhy.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的位置。