<ul>
<li>选项卡1</li>
<li>选项卡2</li>
<li>选项卡3</li>
<li>选项卡4</li>
</ul>
<div class="content">
这是
</div>
</div>
<script>
document.querySelectorAll(".whole li").forEach(function(e,i){
e.onclick=function(){
document.querySelector(".content").innerHTML='选项卡'+(i+1)+'内容'
}
})
</script>
附注：你的代码从思路上就已经错了，比如说你把函数声明直接放到循环中，这就大错特错了。
定时器一般有两个1)setTimeout()//n毫秒后执行一次
2)setInterval()//每隔n秒执行一次
这两个方法都有个返回值,返回一个定时器id,可以定义一个变量接收
清除定时器方法:
setTimeout()对应的是 clearTimeout(id)
setInterval()对应的是 clearInterval(id)
下面有个例子:
<script>
//setTimeout 1000ms后执行1次
var i = setTimeout(function(){
},1000)
//setInterval 每隔1000ms执行一次
var j = setInterval(function(){
},1000)
//清除Timeout的定时器,传入id(创建定时器时会返回一个id)
clearTimeout(i)
//清除Interval的定时器,传入id(创建定时器时会返回一个id)
clearInterval(j)
</script>
