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

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

window.setInterval()方法可以按照指定的执行周期来执行程序。该周期以毫秒为单位。本文介绍window.setInterval()方法的定义和用法,供大家参考。

定义和用法

setInterval()方法可以在指定的时间段(以毫秒为单位)调用函数或计算表达式。

setInterval()方法将一直调用该函数,直到调用clearInterval()或关闭窗口。setInterval()返回的ID值可以用作clearInterval()方法的参数。

提示:1000毫秒=1秒。

语法

setInterval(代码,毫秒,语言)

参数

形容

密码

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

毫秒

你必须。定期执行或调用代码的时间间隔,以毫秒为单位。

语言

可选。JScript | VBScript | JavaScript

总结:

这种方法可以按照指定的循环来执行程序。该周期以毫秒为单位。

如果该方法不关闭浏览器或调用clearInterval()方法,将永远执行。

返回值是该方法的唯一ID标识。

要停止这个定时器功能的执行,请参考clearInterval()方法一章。

单击查看窗口对象的更多属性和方法。

浏览器支持:

(1).IE浏览器支持这种方式。

(2).火狐浏览器支持这种方式。

(3).Opera浏览器支持这种方式。

(4).chrome浏览器支持这种方式。

(5).safria浏览器支持这种方法。

代码实例:

!文档类型html

超文本标记语言

meta charset='utf-8 '

meta name=' author ' content=' http://www . soft why . com/'/

标题蚁族/标题

脚本类型='文本/javascript '

window.onload=function(){

n=0;

函数显示(){

document . getelementbyid(' my text ')。值=n ^ 1;

n=n ^ 1;

}

var flag=setInterval(show,1000)

}

/脚本

/头

身体

input type=' text ' size=10 id=' my text '/

/body

/html

我来介绍一下offsetLeft和style.left的区别。

OffsetLeft获取相对于父对象的左边距。

获取或设置相对于具有定位属性的父对象的左边距(位置被定义为相对)

如果父div的位置被定义为相对的,子div的位置被定义为绝对的,则子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的位置,依然可以得到。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • word文档无法编辑是怎么回事-
  • 华为手机怎么设置返回键(华为手机下面的三个按键设置方法)
  • lumia950怎么样(Lumia950体验分享)
  • otg连接是什么意思(OTG连接手机方法)
  • 笔记本触摸板怎么右键(笔记本电脑触控板手势操作设置)
  • 真我x7怎么样(realme X7 系列体验)
  • 苹果的A16处理器有多强(苹果的A16处理器的介绍)
  • 小米互传怎么用(小米手机的连接与共享教程)
  • 怎么设置电脑桌面图标自动对齐 设置电脑桌面自动整理图标的方法
  • 宽带错误651最简单解决方法(处理宽带错误651的措施)
  • 大学生手机有什么推荐(大学生换手机攻略)
  • 天玑1100和骁龙778g哪个好(骁龙778G、天玑900、天玑1100购选建议)
  • yum update 升级报错的解决办法
  • Windows10禁用屏保教程
  • 连接wifi显示无互联网连接怎么办(无线连上了却不能上网处理绝招)
  • 留言与评论(共有 条评论)
       
    验证码: