window.setInterval()方法的定義和用法及offsetLeft與style.left的區(qū)別
定義和用法
setInterval() 方法可按照指定的周期(以毫秒計(jì))來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。
setInterval() 方法會(huì)不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
提示: 1000 毫秒= 1 秒。
語(yǔ)法
setInterval(code,millisec,lang)
參數(shù) | 描述 |
---|---|
code | 必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼串。 |
millisec | 必須。周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔,以毫秒計(jì)。 |
lang | 可選。 JScript | VBScript | JavaScript |
總結(jié):
此方法可以按照指定的周期執(zhí)行來(lái)執(zhí)行一段程序。周期是以毫秒為單位的。
此方法如果不關(guān)閉游覽器或者調(diào)用clearInterval()方法將會(huì)永遠(yuǎn)的執(zhí)行下去。
返回值是此方法的唯一ID標(biāo)識(shí)。
停止此定時(shí)器函數(shù)的執(zhí)行可以參閱clearInterval()方法一章節(jié)。
點(diǎn)擊可參閱更多window對(duì)象的屬性和方法。
瀏覽器支持:
(1).IE瀏覽器支持此方法。
(2).Firefox瀏覽器支持此方法。
(3).Opera瀏覽器支持此方法。
(4).chrome瀏覽器支持此方法。
(5).safria瀏覽器支持此方法。
代碼實(shí)例:
<!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的區(qū)別
offsetLeft 獲取的是相對(duì)于父對(duì)象的左邊距
left 獲取或設(shè)置相對(duì)于 具有定位屬性(position定義為relative)的父對(duì)象 的左邊距
如果父div的position定義為relative,子div的position定義為absolute,那么子div的style.left的值是相對(duì)于父div的值,
這同offsetLeft是相同的,區(qū)別在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是數(shù)值28,如果需要對(duì)取得的值進(jìn)行計(jì)算,
還用offsetLeft比較方便。
2. style.left是讀寫的,offsetLeft是只讀的,所以要改變div的位置,只能修改style.left。
3. style.left的值需要事先定義,否則取到的值為空。而且必須要定義在html里,我做過(guò)試驗(yàn),如果定義在
css里,style.left的值仍然 為空,這就是我剛開(kāi)始碰到的問(wèn)題,總是取不到style.left的值。
offsetLeft則仍然能夠取到,無(wú)需事先定義div的位置。
- 獲取offsetTop和offsetLeft值的js代碼(兼容)
- Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight屬性
- 獲取任意Html元素與body之間的偏移距離 offsetTop、offsetLeft (For:IE5+ FF1 )[
- 詳解 javascript中offsetleft屬性的用法
- javascript中style.left和offsetLeft的用法說(shuō)明
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析
- 淺析offsetLeft,Left,clientLeft之間的區(qū)別
- JavaScript中style.left與offsetLeft的使用及區(qū)別詳解
- 談?wù)剬?duì)offsetleft兼容性的理解
- 簡(jiǎn)單談?wù)刼ffsetleft、offsetTop和offsetParent
相關(guān)文章
15個(gè)簡(jiǎn)單的JS編碼標(biāo)準(zhǔn)讓你的代碼更整潔(小結(jié))
這篇文章主要介紹了15個(gè)簡(jiǎn)單的JS編碼標(biāo)準(zhǔn)讓你的代碼更整潔(小結(jié)),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07JSChart輕量級(jí)圖形報(bào)表工具(內(nèi)置函數(shù)中文參考)
JSChart是一個(gè)輕量級(jí)的在線圖表生成工具,本身十分小巧,簡(jiǎn)單易用,相對(duì)來(lái)講功能也不是特別強(qiáng)大,但是對(duì)于一些要求不高的應(yīng)用來(lái)講已經(jīng)夠用了,最近兩天在做一個(gè)監(jiān)控系統(tǒng),想到了它。2010-10-10JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法,有需要的朋友可以參考一下2013-07-07javascript取消文本選定的實(shí)現(xiàn)代碼
最近在做拖動(dòng)布局. 發(fā)現(xiàn)有文本選定的時(shí)候, 進(jìn)行拖動(dòng)很不好看.2010-11-11返回對(duì)象在當(dāng)前級(jí)別中是第幾個(gè)元素的實(shí)現(xiàn)代碼
我就是想怎么獲取 每個(gè)層 相對(duì)于父級(jí)層 是第幾個(gè),需要的朋友可以參考下。2011-01-01VSCode中 Eslint 和 Prettier 沖突問(wèn)題最新解決方法
這篇文章主要介紹了VSCode中 Eslint和Prettier沖突問(wèn)題,既然使用 eslint規(guī)范,我的理解上當(dāng)然是不能去修改eslint,因?yàn)檫@是共用規(guī)范,修改了就沒(méi)有再使用的必要了,所以我是不推薦修改eslint的方式,本文給結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2023-02-02