js实现自动换焦点，大师们帮我看一下啊

Question

就是自动实现1，2，3，4不是点击触发的
js代码：
function myfocus(){
//$(function(){
$('.one').click(function(){
one_length = $('.one').length;
for(i=0;i<one_length;i++)
{
if($('.one').eq(i).attr('id')!=$(this).attr('id'))
{
$('.one').eq(i).css('background-color','#666666')
   .css('border','1px solid #000')
       .css('width','20px')
   .css('height','20px');
}else{
$('.one').eq(i).css('background-color','#fff')
   .css('border','1px solid red')
       .css('width','20px')
   .css('height','20px');
var focus = $('.one').eq(i).attr('name');
}
}
   $.post('ajax.php',{focus:focus,tyaa:'true'},function(data){                    alert(data);
   })
})
//})
}
html代码：
<div id="focu">
<ul class="number">
<li>
<div class="one" id='=0' name='1'
style="border: 1px solid #000; background-color: #666666; width: 20px; height: 20px; margin-right: 5px;"><a
href="#">1</a></div>
</li>
<li>
<div class="one" id='=1' name='2'
style="border: 1px solid #000; background-color: #666666; width: 20px; height: 20px; margin-right: 5px;"><a
href="#">2</a></div>
</li>
<li>
<div class="one" id='=2' name='3'
style="border: 1px solid #000; background-color: #666666; width: 20px; height: 20px; margin-right: 5px;"><a
href="#">3</a></div>
</li>
<li>
<div class="one" id='=3' name='4'
style="border: 1px solid #000; background-color: #666666; width: 20px; height: 20px;"><a
href="#">4</a></div>
</li>
</ul>
</div>

Answer 1

简单实现，楼主再根据实际情况修改吧var i = 0,
els = $(".one"),
length = els.length,
css1 = {
"background-color" : "#fff",
"border" : "1px solid red",
"width" : "20px",
"height" : "20px"
},
css2 = {
"background-color" : "#666666",
"border" : "1px solid #fff",
"width" : "20px",
"height" : "20px"
};
setInterval(function(){
els.css(css2)
els.eq(i).css(css1);
i = (i + 1) == length ? 0 : i + 1;
},100)

Answer 2

你的代码里没有自动的表示呀。如果要自动那肯定会用到setTimeout或者是：setInterval
这两个函数的。像楼上的你可以参考一下。