2011-03-23 71 views
0

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

+0

看看JavaScript的Date对象,但我认为这在服务器端会更好地执行。 – Lazarus 2011-03-23 13:42:08

+0

同意拉撒路。如果你真的想在客户端做到这一点,你可以使用cookie :) – 2011-03-23 13:43:44

回答

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> 

设置Ten图像与HTML文件数列作为1.JPG和2.JPG同一文件夹中..... 9.jpg

+0

但是这是强制使用PHP来做到这一点吗? – sam 2011-03-23 15:54:43

+0

如果你使用PHP,为什么不使用它在你的问题,但你可以通过为循环生成图像 – Abdalmohaymen 2011-03-23 18:10:20

+0

haha​​ha ....域问题....我只能通过JS更改...非常感谢你! – sam 2011-03-24 14:13:44

1

你可以做的是使用JavaScript来获取星期编号并使用该编号来选择合适的图像。例如,如果您想为一年中的每一周呈现不同的图像,例如,您可以在第3周获得像image03.png的图像。

但是,我建议在服务器端执行此操作以使图像在交付网页时已经决定所以用户在出现图像时不会遇到延迟。