JavaScript:每周更改一个图像

时间:2011-03-23 13:35:35

标签: javascript

如何使用JavaScript每周更换一次图像?

2 个答案:

答案 0 :(得分:1)

你可以做的是使用Javascript获取周数并使用该数字来选择合适的图像。例如,如果您想要一年中每周的不同图像,那么第3周可能会有像image03.png这样的图像。

但是,我建议在使用服务器端时,在传送网页时已经确定了图像,这样用户就不会遇到图像显示的延迟。

答案 1 :(得分:0)

<html>
<head>
<script type="text/javascript">
var arr=new Array();
arr=["0","1","2","3","4","5","6","7","8","9"];
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function checkCookie()
{
var img=getCookie("imag");
if (img!=null && img!="")
  {
    document.getElementById("img").src=img+".jpg"; 
  }
else 
  {
    var rd=Math.random()*1000;
    rd=String(rd);
    rd=rd.substr(6,1);

    setCookie("imag",rd,30);
  }
}
</script>
</head>
<body onload="checkCookie()">
<img src="" id="img" height="87" />
</body>
</html>

在同一个文件夹中设置十个图像,其中html文件编号为1.jpg和2.jpg ..... 9.jpg