列表和间隔更改的随机值

时间:2011-07-01 08:36:20

标签: javascript jquery

我有一些(3-4)价值电话号码。 刷新到页面显示一个随机数和10秒的间隔,更改为另一个随机数。最好用预加载器和改变的效果。

例如

<div class="tel">
<ul>
<li>0 800 900 78 45</li>
<li>0 800 400 47 12</li>
<li>0 870 111 73 43</li>
<li>0 555 500 41 00</li>
</ul>
</div>

1 个答案:

答案 0 :(得分:3)

你可以这样做:

var numberOfLis = $('.tel ul li').length;
function showRandomLi(){
    var randomNum = Math.floor(Math.random() * numberOfLis) +1;
    $('.tel ul li').hide();
    $('.tel ul li:nth-child('+randomNum+')').show();
}
showRandomLi(); 
setInterval(showRandomLi, 10000);

工作小提琴:http://jsfiddle.net/HkKwJ/3/