為什么我的代碼中的 aLi[i].timer = null; 出錯 為什么我的代碼中的 aLi[i].timer = null; 出錯 為什么我的代碼中的 aLi[i].timer = null; 出錯
為什么我的代碼中的 ?aLi[i].timer = null; ?
在控制臺會出現錯誤！TypeError: aLi[i] is undefined
3 回答
舉報
0/150
提交
取消
為什么我的代碼中的 ?aLi[i].timer = null; ?
在控制臺會出現錯誤！TypeError: aLi[i] is undefined
2015-07-22
舉報
2015-08-10
粗略的看了下你的定時器聲明是在局部，不是全局聲明，意思就是，你的xx[i].timer=null;是在onmouseover里聲明的，作用域問題
2015-07-22
首先 ?alert(aLi[i]); 后是正確的，表示為object HTMLElement.
其次，我的代碼是和視頻基本一樣的
window.onload = function(){
var aLi = document.getElementsByTagName('li');
for(var i=0;i<aLi.length;i++){
alert(aLi[i]);
aLi[i].onmouseover = function(){
aLi[i].timer = null;
? ?//var timer = null;
startMove(this,400);
}
aLi[i].onmouseout = function(){
startMove(this,200);
}
}
}
//var timer = null; //定義定時器,定時器是公用的
function startMove(obj,target){
clearInterval(obj.timer); //取消定時器
obj.timer = setInterval(function(){
var speed = (target - obj.offsetWidth)/8;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(obj.offsetWidth == target){
clearInterval(obj.timer);
}else{
obj.style.width = obj.offsetWidth + speed + 'px';
}
},30)
}
??
2015-07-22
首先你得看看上面你的選擇器 aLi是否正確，這里表示aLi都是undefined。alert出來看看
其次，問問題的時候建議把代碼段貼出來，這樣人家看了代碼就能很好的找到錯誤點。