0

ブートストラップを使用して、ビーチでの天気予報を提供するサイトを作成しています。 私のサイト

次の PHP スクリプトは、正しい画像を要求します。

http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=20130821

数字の最後のセットは日付をさかのぼったものです。

基本的に、この画像をページで更新して正しい日付にしたい. JavaScriptを使ってみましたがうまくいきませんでした

var var d = new Date();
var n = d.getDate();

ウェブサイトのソースコードは次のとおりです。

<div class="col-lg-6">
<h3>Tides</h3>
<p>Tides over the next 2 days</p>       
<img src="http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=20130821" class="img-responsive" alt="Responsive image">
 </a>
 </div>

javascript を使用して img src を正しい日付に変更する方法がわかりません

EDIT私は今持っていますが、まだ機能させることができません

<div class="col-lg-6">
      <h3>Tides</h3>
      <p>Tides over the next 2 days</p>     
    <img src="http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from=20130821" class="img-responsive" alt="Responsive image">
    <script>
            var d = new Date(); 
            var date = d.getFullYear() + '' + (d.getMonth()+1) + '' + d.getDate();
            var image = document.getElementsByClass("img-responsive")[0];
            image.src = 'http://www.ntslf.org/files/php/pltdata_tgi.php?port=Liverpool&span=4&from='+date;
    </script>
      </a>
    </div>
4

2 に答える 2