<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>
