這篇文章主要介紹了JavaScript基于定時(shí)器實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)功能的方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年專注成都網(wǎng)站制作，成都企業(yè)網(wǎng)站定制，個(gè)人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識(shí)、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站定制,高端網(wǎng)頁(yè)制作,對(duì)社區(qū)文化墻等多個(gè)領(lǐng)域，擁有多年的營(yíng)銷推廣經(jīng)驗(yàn)。

具體如下：

一、無(wú)縫滾動(dòng)理論基礎(chǔ)

基礎(chǔ)知識(shí)

1.setInterval（function，time）、clearInterval（timer）

setInterval() 方法可按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。
setInterval() 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

clearInterval() 方法可取消由 setInterval() 設(shè)置的 timeout。
clearInterval() 方法的參數(shù)必須是由 setInterval() 返回的 ID 值。

2.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是讀寫(xiě)的，offsetLeft是只讀的，所以要改變div的位置，只能修改style.left。
3. style.left的值需要事先定義，否則取到的值為空。而且必須要定義在html里，我做過(guò)試驗(yàn)，如果定義在css里，style.left的值仍然 為空，這就是我剛開(kāi)始碰到的問(wèn)題，總是取不到style.left的值。

offsetLeft則仍然能夠取到，無(wú)需事先定義div的位置。

二、代碼片段