window.setInterval()方法的定義和用法及offsetLeft與style.left的區(qū)別
定義和用法
setInterval() 方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達式。
setInterval() 方法會不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
提示: 1000 毫秒= 1 秒。
語法
setInterval(code,millisec,lang)
參數(shù) | 描述 |
---|---|
code | 必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼串。 |
millisec | 必須。周期性執(zhí)行或調(diào)用 code 之間的時間間隔,以毫秒計。 |
lang | 可選。 JScript | VBScript | JavaScript |
總結(jié):
此方法可以按照指定的周期執(zhí)行來執(zhí)行一段程序。周期是以毫秒為單位的。
此方法如果不關(guān)閉游覽器或者調(diào)用clearInterval()方法將會永遠的執(zhí)行下去。
返回值是此方法的唯一ID標(biāo)識。
停止此定時器函數(shù)的執(zhí)行可以參閱clearInterval()方法一章節(jié)。
點擊可參閱更多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的區(qū)別
offsetLeft 獲取的是相對于父對象的左邊距
left 獲取或設(shè)置相對于 具有定位屬性(position定義為relative)的父對象 的左邊距
如果父div的position定義為relative,子div的position定義為absolute,那么子div的style.left的值是相對于父div的值,
這同offsetLeft是相同的,區(qū)別在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是數(shù)值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區(qū)別分析
- 淺析offsetLeft,Left,clientLeft之間的區(qū)別
- JavaScript中style.left與offsetLeft的使用及區(qū)別詳解
- 談?wù)剬ffsetleft兼容性的理解
- 簡單談?wù)刼ffsetleft、offsetTop和offsetParent
相關(guān)文章
15個簡單的JS編碼標(biāo)準(zhǔn)讓你的代碼更整潔(小結(jié))
這篇文章主要介紹了15個簡單的JS編碼標(biāo)準(zhǔn)讓你的代碼更整潔(小結(jié)),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07JSChart輕量級圖形報表工具(內(nèi)置函數(shù)中文參考)
JSChart是一個輕量級的在線圖表生成工具,本身十分小巧,簡單易用,相對來講功能也不是特別強大,但是對于一些要求不高的應(yīng)用來講已經(jīng)夠用了,最近兩天在做一個監(jiān)控系統(tǒng),想到了它。2010-10-10JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法,有需要的朋友可以參考一下2013-07-07返回對象在當(dāng)前級別中是第幾個元素的實現(xiàn)代碼
我就是想怎么獲取 每個層 相對于父級層 是第幾個,需要的朋友可以參考下。2011-01-01VSCode中 Eslint 和 Prettier 沖突問題最新解決方法
這篇文章主要介紹了VSCode中 Eslint和Prettier沖突問題,既然使用 eslint規(guī)范,我的理解上當(dāng)然是不能去修改eslint,因為這是共用規(guī)范,修改了就沒有再使用的必要了,所以我是不推薦修改eslint的方式,本文給結(jié)合實例代碼給大家詳細講解,需要的朋友可以參考下2023-02-02