有只小跳蛙
2019-03-14 18:14:55
JS DOM 編程藝術(shù)的一道題目HTML:<body> <h1>Web Design</h1> <p>These are the things you should know.</p> <ol id="linklist"> <li> <a href="structure.html">Structure</a> </li> <li> <a href="presentation.html">Presentation</a> </li> <li> <a href="behavior">Behavior</a> </li> </ol> <div id="slideshow"> <img src="img/topics.gif" alt="" id="preview" /> </div> <script src="js/addLoadEvent.js"></script> <script src="js/moveElement.js"></script> <script src="js/prepareSlideshow.js"></script> </body>CSS:#slideshow { width: 100px; height: 110px; border: 5px solid yellowgreen; position: relative; overflow: hidden;}#preview { border: 5px solid red;}JS:prepareSlideshow.js:function prepareSlideshow() { if (!document.getElementById) return false; if (!document.getElementsByTagName) return false; if (!document.getElementById("linklist")) return false; if (!document.getElementById("preview")) return false; var preview = document.getElementById("preview"); preview.style.position = "absolute"; preview.style.top = "0px"; preview.style.left = "0px"; var list = document.getElementById("linklist"); var links = list.getElementsByTagName("a"); links[0].onmouseover = function() { moveElement("preview", -100, 0, 1); } links[1].onmouseover = function() { moveElement("preview", -200, 0, 1);題目很長,謝謝耐心看到這。我的問題是:書中說,moveElement.js中的clearTimeout函數(shù)清除積累在setTimeout隊(duì)列里的事件?!缚墒侨绻谶€沒設(shè)置movement變量之前就執(zhí)行這條語句,我們會(huì)收獲一個(gè)錯(cuò)誤.」——對(duì)上面這句話,我的理解是:if (movement) { clearTimeout(movement); }由于寫在開頭,而movement在函數(shù)末尾才會(huì)設(shè)置??墒?,if語句并不會(huì)由于movement不存在而報(bào)錯(cuò)??? 頂多是判斷不存在,而使得clearTimeout函數(shù)沒有起到作用而已。<我跑了代碼,發(fā)覺確實(shí)程序無法執(zhí)行我們的預(yù)定目標(biāo)>書中說,movement作為全局變量會(huì)導(dǎo)致上面的問題,而設(shè)置為局部變量也不行。那么就需要一種介乎全局變量與局部變量之間的東西,即只與正在被移動(dòng)的哪個(gè)元素有關(guān)的變量。答案是:"屬性".將開頭設(shè)置為if (elem.movement) { clearTimeout(elem.movement); }結(jié)尾設(shè)置為:elem.movement = setTimeout(repeat, interval);即可。我照樣試了下,確實(shí)程序正常運(yùn)行了,可是為什么?elem.movement在函數(shù)開頭部分一樣不存在啊,clearTimeout 一樣無法正常得到入?yún)⒍\(yùn)行???菜鳥求大大們解答。
2 回答

慕的地8271018
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
剛才看了下書本元內(nèi)容。書中首先說不能使用全局變量movement,這是因?yàn)槎鄠€(gè)元素的動(dòng)畫使用同一個(gè)全局變量,快速的來回切換元素會(huì)造成動(dòng)畫的混亂。所以這時(shí)候只能考慮局部變量了,而局部變量在var movement = setTimeout(repeat, interval)
之前是不能對(duì)movement做任何操作的,這會(huì)拋出一個(gè)錯(cuò)誤。這是書中所要說的。
對(duì)于你這里,你把movemen變成了一個(gè)全局變量,所以他不會(huì)拋出錯(cuò)誤。但是他會(huì)引起動(dòng)畫的混亂,在快速切換元素時(shí)。

呼啦一陣風(fēng)
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊
添加回答
舉報(bào)
0/150
提交
取消