js網頁圖片每日自動更新

antzone發表於2017-04-07
JS網頁

本章節分享一段程式碼，它能夠實現圖片每日自動更新的效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head>
<body>
 <a target="_blank" id="a"><img id="img" alt="螞蟻部落"/></a>
 <script type="text/javascript">
 var imgSrc = new Date().getDate() +'.jpg';
 document.getElementById('img').src = imgSrc;
 document.getElementById('a').href = imgSrc ;
 </script>
</body>
</html>

上面的程式碼實現了我們的要求，下面簡單介紹一下它的實現原理。

一.實現原理:

因為在一個月份中，getDate() 在每一天返回的值是不同，所以我們可以利用這個特點，把圖片的名稱和這個方法的返回值關聯起來即可，是不是非常的簡單，不用多介紹了。

二.相關閱讀:

（1）.getDate()方法可以參閱javascript getDate()一章節。

相關文章