javascript daily URL change

[sgraystar]

I have a widget that loads multiple iFrames showing weather info and one of them has the format https://<base_url>/#dYYYY-MM-DD

I can use the dynamic url examples from the forum to use a virtual group to trigger the changing url, but calculation of the string is simple in javascript and I would prefer to have things done in one place.

How do do I apply the src change every time this widget/iFrame is loaded without using a virtual group?

This works:

Code:

$(function(){
  if (typeof grp != 'undefined') {
    grp.listen('0/250/247', function(object) {
      let d = new Date();
      let forecastDate = d.getFullYear() + '-' + ('0' + (d.getMonth() + 1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2);
      $('.hourlyforecastbak').find('iframe').attr('src','https://reg.bom.gov.au/places/vic/melbourne/forecast/detailed/#d' + forecastDate);
    }, true);
  }
});

Attempt that does not work:

Code:

$(function(){
  $('iframe').load(function() {
    let d = new Date();
    let forecastDate = d.getFullYear() + '-' + ('0' + (d.getMonth() + 1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2);
    $('.hourlyforecast').find('iframe').attr('src','https://reg.bom.gov.au/places/vic/melbourne/forecast/detailed/#d' + forecastDate);
  }, true);
});

[admin]

Try this:

Code:

$(function() {
  $('iframe').one('load', function() {
    let forecastDate = (new Date()).toISOString().split('T')[0];
    this.src = 'https://reg.bom.gov.au/places/vic/melbourne/forecast/detailed/#d' + forecastDate;
  });
});

[sgraystar]

Thanks, that works but I don't understand why it did not change every iFrame?

The code below is working.
I kept the search for .hourlyforecast but perhaps there is a more elegant way of specifying the wanted class or Custom name in the load event.
The forecastDate string is to get the local time instead of UTC.

Code:

$(function() {
  $('iframe').one('load', function() {
    let d = new Date();
    let forecastDate = d.getFullYear() + '-' + ('0' + (d.getMonth() + 1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2);
    $('.hourlyforecast').find('iframe').attr('src','https://reg.bom.gov.au/places/vic/melbourne/forecast/detailed/#d' + forecastDate);
  });
});

[sgraystar]

Unfortunately this did not update overnight with the changed date. Do I need to go back to using a virtual group that changes regularly as a trigger to update the url?

[admin]

You can periodically check if the date has changed and modify the iframe src accordingly. Use setInterval: https://developer.mozilla.org/en-US/docs...etInterval

[sgraystar]

OK. Thanks again.