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);
});