js 自動輪播圖

var count= 0;

var timerBig,Ttimer;

functionautoPlay () {

????timerBig= setInterval(function() {

????????????count++;

????????????var c = 1000; //每次偏移的left

????????????var d = 10; //段數

????????????var t = 0; //存儲當前步數

????????????var b= content.offsetLeft;//獲取當前left值

????????????Ttimer= setInterval(function () {

????????????????t++;

????????????????content.style.left= b- c/ d* t+ "px";

????????????????if (t>=d) {

????????????????????//清除計時器

????????????????????????????clearInterval(Ttimer);

????????????????????????????//循環

????????????????????????????if(count>=4){

????????????????????????????????????content.style.left= 0;

????????????????????????????????????count= 0;

????????????????????????????}

????????????????????????//切換span的背景

????????????????????????for (var i= 0; i< spans.length; i++) {

????????????????????????????if (count== i) {

????????????????????????????????spans[i].className= "select"?

????????????????????????????????} else{

????????????????????????????????spans[i].className= "unselect"?

????????????????????????????}

????????????????????}

????????}

},50)

},2000);

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容