国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - 關(guān)于輪播圖JS如何調(diào)用儲(chǔ)存變量里的定時(shí)器

瀏覽:86日期:2023-02-09 13:43:03

問(wèn)題描述

(function(){ var timer = null;hSlider(); function hSlider() { // 通過(guò)數(shù)組來(lái)控制slider內(nèi)容切換var imgadr = [’images/banner_2.jpg’, ’images/banner_3.jpg’, ’images/banner_1.jpg’], headArray = [’Second Heading’, ’Third Heading’,’First Heading’], paraArray = [’First paragraph is awesome!’, ’Second paragraph goes here!’, ’Third paragraph for you’ ], slider = document.getElementById(’slider’), next = document.getElementById(’prev’), prev = document.getElementById(’next’), iNow = i = 0; // 獲取slider作為畫布,再通過(guò)改變數(shù)組來(lái)修改背景,標(biāo)題和段落function _bg(iNow) { slider.style.background = 'url(’' + imgadr[i] + '’) no-repeat center /cover'; document.getElementById(’sliderHeader’).innerHTML = headArray[i]; document.getElementById(’sliderPara’).innerHTML = paraArray[i];} // 自動(dòng)循環(huán)timer = setInterval(function() { _bg(iNow); // 定時(shí)器每調(diào)動(dòng)一次,自加一實(shí)現(xiàn)切換效果 i++; if (i == imgadr.length) i = 0; }, 3500); // 上一頁(yè)prev.onclick = function() { _bg(iNow); clearInterval(timer); i--; if (i == -1) i = imgadr.length - 1;} // 下一頁(yè)next.onclick = function() { _bg(iNow); clearInterval(timer); i++; if (i == imgadr.length) i = 0; // setInterval(timer); 沒(méi)有效果} }}

起因最近要實(shí)現(xiàn)一個(gè)全屏輪播圖的功能,然后查詢很多資料,也參考了很多的網(wǎng)站的代碼,然后發(fā)現(xiàn)大多都是混淆過(guò)了的代碼..看不太懂.然后自己造了個(gè)原生簡(jiǎn)陋的輪播圖..由于js基礎(chǔ)不扎實(shí)肯定有很多問(wèn)題,希望dalao們能指出我錯(cuò)誤 原理是把slider當(dāng)畫布,可以通過(guò)數(shù)組來(lái)控制切換背景和段落文字,設(shè)置定時(shí)器循環(huán),每次循環(huán)數(shù)組i++起輪播的作用,控制器點(diǎn)擊后' i++' 或者 'i--' 控制上下頁(yè).點(diǎn)擊的時(shí)候我想清除點(diǎn)定時(shí)器,然后執(zhí)行自加一翻頁(yè)的效果,再添加回定時(shí)器. 那么問(wèn)題來(lái)了我將定時(shí)器是儲(chǔ)存到了一個(gè)變量中,那我該如何的再次調(diào)用他? 也可以放進(jìn)一個(gè)函數(shù)里再調(diào)用 但感覺(jué)會(huì)不會(huì)不太好..?

問(wèn)題解答

回答1:

像這種我覺(jué)得setTimeout比setInterval更好控制:

var timer;function loop(){ timer = setTimeout(function() {_bg(iNow); // 定時(shí)器每調(diào)動(dòng)一次,自加一實(shí)現(xiàn)切換效果 i++; if (i == imgadr.length) i = 0; loop(); }, 3500)}//清理的話只要clearTimeout(timer)就行了,然后重新調(diào)用loop

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 国产亚洲综合成人91精品 | 国产成人亚洲综合网站不卡 | av人摸人人人澡人人超碰 | 久在线播放 | 毛片激情永久免费 | 欧美日韩午夜视频 | 综合激情网站 | 美国一级片免费看 | 欧美高清性色生活片免费观看 | 精品国产自在在线在线观看 | 亚洲精品高清在线观看 | 青青热久久综合网伊人 | 欧美片欧美日韩国产综合片 | 久久综合给合久久狠狠狠97色69 | 三级免费网站 | 国产精品成人免费综合 | 成人午夜天 | 国产精品欧美韩国日本久久 | 国产精品成人免费视频 | 久久精品免费i 国产 | 亚洲欧美v视色一区二区 | 亚洲人成在线免费观看 | 日本网址在线观看 | 亚洲国产精品免费观看 | 欧美一及片 | 久99re视频9在线观看 | 国内xxxx乱子另类 | 国产一区二区三区久久小说 | 自拍在线视频 | m男亚洲一区中文字幕 | α片毛片 | 日韩欧美毛片免费看播放 | 一级毛片日韩a欧美 | 99精品欧美一区二区三区 | 三级全黄的视频 | 成人欧美日韩高清不卡 | 国产乱弄视频在线观看 | 国产午夜精品久久久久小说 | 一级毛片免费观看视频 | 国产高清天干天天视频 | 日本特级视频 |