老师，定时器问题

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		 	
	</head>
	<body>
		<div class="main">
			<!--图片轮播-->
			<div class="banner" id="banner">
				<a href="">
					<div class="banner-slide slide1 slide-active"></div>
				</a>
				<a href="">
					<div class="banner-slide slide2"></div>
				</a>
				<a href="">
					<div class="banner-slide slide3"></div>
				</a>
			</div>
			<!--上一张、下一张 按钮-->
			<a href="javascript:void(0)" class="button prev"></a>
			<a href="javascript:void(0)" class="button next"></a>
			<!--圆点导航-->
			<div class="dots">
				<span class="active"></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<script src="js/script.js"></script>
	</body>
</html>

//封装一个代替getElementById()的方法
function byId(id){
	//判断传进来的类型是否是字符串	不是的话 返回原样
	return typeof(id)==="string"?document.getElementById(id):id;
}

var index=0,//索引
	timer=null,//定时器
	pics=byId('banner').getElementsByTagName('div'),
	len=pics.length;
	
function slideimg(){
	var main=byId('main');
	//鼠标移入时 清除定时器
	//鼠标移出时 定时器生效
	main.onmouseover=function(){
		//清除定时器
	}
	main.onmouseout=function(){
		//定时器生效
		timer=setInterval(function(){
			index++;
			if(index>=len){
				index=0;
			}
			console.log(index);
		},3000);
	}
}
slideimg();

会报Cannot set property 'onmouseover' of null

另外老师为什么js不能写在header里？我看好像会报Uncaught TypeError: Cannot read property 'getElementsByTagName' of null 一个错？

将自己发配于人海 2018-05-11

源自：项目：JavaScript轮播图 3-3 轮播图之定时器设置

收起

1回答

提问者将自己发配于人海 2018-05-11 15:22:01

老师第一个问题解决了 main没有加id

第二个问题呢？

收起回答

一叶知秋519 #1

建议同学清晰描述你的问题，目前存在的还有哪些问题？建议同学重新开一个问答，清晰描述你的问题，并将全部代码贴出来，方便帮助你解答~

2018-05-11 16:01:11
提问者将自己发配于人海回复一叶知秋519 #2

老师就是如果把js文件写在body中用getElementsByTagName 不会报错而写在 header中会报错 html:33

2018-05-11 16:27:17
一叶知秋519 回复提问者将自己发配于人海 #3

嗯，是这样的，html页面是有加载顺序的，一般都是自上向下加载，如果将js写到header里，那么还没有加载到body部分的标签就去获取了，所以会出现错误~~

2018-05-11 17:19:47