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的位置。
- 获取offsetTop和offsetLeft值的js代码(兼容)
- Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
- 获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
- 详解 javascript中offsetleft属性的用法
- javascript中style.left和offsetLeft的用法说明
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
- 浅析offsetLeft,Left,clientLeft之间的区别
- JavaScript中style.left与offsetLeft的使用及区别详解
- 谈谈对offsetleft兼容性的理解
- 简单谈谈offsetleft、offsetTop和offsetParent
相关文章
JavaScript获取和设置CheckBox状态的简单方法
这篇文章介绍了JavaScript获取和设置CheckBox状态的简单方法,有需要的朋友可以参考一下2013-07-07VSCode中 Eslint 和 Prettier 冲突问题最新解决方法
这篇文章主要介绍了VSCode中 Eslint和Prettier冲突问题,既然使用 eslint规范,我的理解上当然是不能去修改eslint,因为这是共用规范,修改了就没有再使用的必要了,所以我是不推荐修改eslint的方式,本文给结合实例代码给大家详细讲解,需要的朋友可以参考下2023-02-02
最新评论