JavaScript：更改每週圖像

如何使用JavaScript每週更改一次圖像？JavaScript：更改每週圖像

2011-03-23 sam

看看JavaScript的Date對象，但我認爲這在服務器端會更好地執行。 – Lazarus 2011-03-23 13:42:08

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

<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

來源

2011-03-23 14:15:11 Abdalmohaymen

但是這是強制使用PHP來做到這一點嗎？ – sam 2011-03-23 15:54:43

如果你使用PHP，爲什麼不使用它在你的問題，但你可以通過爲循環生成圖像 – Abdalmohaymen 2011-03-23 18:10:20

hahaha ....域問題....我只能通過JS更改...非常感謝你！ – sam 2011-03-24 14:13:44

你可以做的是使用JavaScript來獲取星期編號並使用該編號來選擇合適的圖像。例如，如果您想爲一年中的每一週呈現不同的圖像，例如，您可以在第3周獲得像image03.png的圖像。

但是，我建議在服務器端執行此操作以使圖像在交付網頁時已經決定所以用戶在出現圖像時不會遇到延遲。

來源

2011-03-23 13:56:18 tvkanters

JavaScript：更改每週圖像

回答

相關問題