我觉得我是按照老师的思路搞得，但是我的写出来之后看运行结果好像是定时器出了问题，求大神帮忙看一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{
font-size: 12px;
line-height: 24px;
text-align: center;
}
*{padding:0;margin:0;}
ul{list-style: none;}
#id1{
width: 399px;
border: 5px solid #ababab;
-moz-border-radius: 15px; /* Gecko browsers */
-webkit-border-radius: 15px; /* Webkit browsers */
border-radius: 15px;
box-shadow: 2px 2px 10px #ababab;
margin: 50px auto 0;
text-align: left;
}
#id2{
height: 144px;
width: 335px;
margin-left: 25px;
margin-top: 10px;
overflow: hidden;
}
li{
height:24px;
}
</style>
<script>
window.onload=function(){
var name=document.getElementById('id2');
name.innerHTML+=name.innerHTML;
name.scrollTop=0;
var timer;
function time(){
setInterval(start,50);
name.scrollTop++;
}
function start(){
if(name.scrollTop%24==0){
clearInterval(timer);
setTimeout(time,2000);
}else{
name.scrollTop++;
if(name.scrollTop>=name.scrollHeight/2){
name.scrollTop=0;
}
}
}
setTimeout(time,2000);
}
</script>
</head>
<body>
<div id="id1">
<div id="id2">
<ul id="ul1">
<li>da</li>
<li>jia</li>
<li>hao</li>
<li>a</li>
<li>ge</li>
<li>weihhh</li>
<li>xii</li>
</div>
</div>
</body>
</html>
