JS 随机显示问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body>
<h4>三张图片分别在一分钟的前中后3个20秒里相互切换</h4>
<img name="pic"></img>
<script language="javascript">function change()
{

var i = Math.round(Math.random()*10%7); //产生1-6 之间的随机数
pic.src="0"+i+".jpg";
setTimeout("change()",20000); //20000是毫秒
}
change();
</script>
</body>
</html>setTimeout("change()",20000);
不刷新当时定时更换这个函数可以
至于随机数
兄弟，够意思吧
希望对你有所帮助
试试看
^_*

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCtype html PUbLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<TITLE>图片幻灯_初始图片随机显示_隐藏正显示图片按钮_caiying209</TITLE>
</HEAD>
<BODY >
<style>
*{padding:0;margin:0;font-size:12px}
body{padding:10px;}
li{LIST-STYLE-TYPE: none;float:left;margin-left: 2px;font-size:12px;margin:2px 5px;}
</style>
<div id=ad>
<div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600009.jpg">图片一</div>
<div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600011.jpg">图片二</div>
<div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600012.jpg">图片三</div>
<div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600015.jpg">图片四</div>
<div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600016.jpg">图片五</div>
<div style="text-align:center">
  <ul>
    <li><a href="#">图片一</a></li>
    <li><a href="#">图片二</a></li>
    <li><a href="#">图片三</a></li>
    <li><a href="#">图片四</a></li>
    <li><a href="#">图片五</a></li>
  </ul>
</div>
</div>
<script language="javascript">
onload=function change(){
var obj=document.getElementById("ad")
var objDiv =obj.getElementsByTagName("div")
var objLi=obj.getElementsByTagName("li")
hidAll()
showMe(Random())
function Random(){return new Date().getSeconds()%5}
function hidAll(){
for (var i=0;i<objLi.length;i++){
objDiv[i].style.display="none"
objLi[i].style.display=""
}
}
function showMe(r){
objDiv[r].style.display=""
objLi[r].style.display="none"
}
for (var i=0;i<objLi.length;i++){
(function(k){
objLi[i].onclick=function(){
hidAll()
showMe(k)
}
})(i)
}
}
</script></BODY>
</HTML>
楼上的朋友真是高手！！
不过我的意思好像不是这样的，可能是我没说明白。
问题一的意思是不管<li>，而仅针对上面的<div>，让它能够在页面刷新后随机更换几个不同的内容；
问题二的意思是兼顾<li>和<div>，就是说<div>在页面刷新后随机更换不同内容的同时，还需要隐藏下面对应名称的<li>显示。
不知道这样说，大家是否明白？辛苦大家了！
#4算是问题二，刷新试试
下面是问题一，刷新试试^_^<!DOCtype html PUbLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<TITLE>图片幻灯_初始图片随机显示_caiying209</TITLE>
</HEAD>
<BODY >
<style>
*{padding:0;margin:0;font-size:12px}
body{padding:10px;}
li{LIST-STYLE-TYPE: none;float:left;margin-left: 2px;font-size:12px;margin:2px 5px;}
</style>
<div id=ad>
    <div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600009.jpg">图片一</div>
    <div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600011.jpg">图片二</div>
    <div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600012.jpg">图片三</div>
    <div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600015.jpg">图片四</div>
    <div><img src="http://desk.blueidea.com/DESK/XP/Vista_1600/225/Vista_1600016.jpg">图片五</div>
    <div style="text-align:center">
      <ul>
        <li><a href="#">图片一</a></li>
        <li><a href="#">图片二</a></li>
        <li><a href="#">图片三</a></li>
        <li><a href="#">图片四</a></li>
        <li><a href="#">图片五</a></li>
      </ul>
    </div>
</div>
<script language="javascript">
onload=function change(){
    var obj=document.getElementById("ad")
    var objDiv =obj.getElementsByTagName("div")
    var objLi=obj.getElementsByTagName("li")
    hidAll()
    showMe(Random())
    function Random(){return new Date().getSeconds()%5}
    function hidAll(){
        for (var i=0;i<objLi.length;i++){
            objDiv[i].style.display="none"
        }
    }
    function showMe(r){
        objDiv[r].style.display=""
    }
}
</script></BODY>
</HTML>