title: Leaflet Automatically reload layer with updated time in URL
body: <p>I have a Leaflet map that shows a rain radar overlay for Australia.</p>
  <p>The map correctly loads and shows the latest rain radar however I want it to automatically update every 10 minutes without reloading the entire page. I tried using setUrl on the layer but that did not work. I have included a JSFiddle of my working map without automatic reload.</p>
  <p>I define the layer with:</p>
  <pre><code>var RainRadarAus = L.tileLayer('https://api.weather.bom.gov.au/v1/rainradar/tiles/{time}/{z}/{x}/{y}.png', {
    attribution: 'Rain data &amp;copy; Bureau of Meteorology',
    time: getRadarTime(),
    maxZoom: 10,
    minZoom: 5,
    tileSize: 256,
  })
  </code></pre>
  <p>I use this function to get the time argument</p>
  <pre><code>function getRadarTime() {
    d = new Date();
    d.setTime((Math.trunc(d.valueOf() / 600000) * 600000) - 600000);
    console.log(d.toString());
    return d.getUTCFullYear().toString() + (d.getUTCMonth() + 1).toString().padStart(2, '0') + d.getUTCDate().toString().padStart(2, '0') + d.getUTCHours().toString().padStart(2, '0') + d.getUTCMinutes().toString().padStart(2, '0');
  }
  </code></pre>
  <p>I want to reload the layer and get a new time value from getRadarTime every 10 minutes.</p>
  <p>JSFiddle: <a href="https://jsfiddle.net/ghLzykqx/" rel="nofollow noreferrer">https://jsfiddle.net/ghLzykqx/</a></p>
  <p>Thanks</p>