求助技术大佬解个题。

图片说明

如图，这个程序应该怎么写？求大佬解答

https://zhidao.baidu.com/question/333036146644690525.html

实现步骤：
1.首先页面做出相应的内容。比如li以及div要展示的东西，做好布局。
2.实现点击效果。通过控制点击事件定义方法触发点击事件，更换div中的内容
3.最后一步也就是每隔三秒自动切换。这个看你想实现到什么程度，如果简单实现每隔三秒切换一次，那么简单设置下，最后声明在onload方法中就可以。如果是想实现类似于轮播效果的话，那可能还得调试下，会涉及到鼠标经过时间等等。
还望采纳。

虽说直接给代码对你不太友好，但这大半夜提问的。。。。就给你了，也就是一个定时器和click事件

 <html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<ul style="margin:0px;;list-style:none;width:100px;border:#aaa solid 1px;float:left;height:100px;">
<li>TOM</li>
<li>JANE</li>
<li>MARRY</li>
<li>JOHN</li>
</ul>
<div style="width:200px;border:#aaa solid 1px;float:left;height:100px;">
</div>
</body
</html>
<script>
$(function(){
var i=0;
$("ul li").click(function(){
var l=$(this).index()+1;
i=l;
var text=l+"楼住的是" +$(this).text();
$("div").text(text);
});
setInterval(function(){
$("ul li:eq("+i+")").click();
i=i<$("ul li").length-1?i+1:0;
},3000);
});
</script>