Recently i am using the below code for display the weather report but i want to display the past 6 hours weather report also with currently status of weather. What type of changes i have to do to display past 6 hrs weather report also.

<html><head>

<title>Weather API</title>

<script src="..//WebResources//new_jquery"></script><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta></head><body style="word-wrap: break-word;">

<div id="showWeatherForecast"></div>

<script type="text/javascript">

$(function() {

var city = window.parent.Xrm.Page.getAttribute('new_address1_city').getValue();
if(city!=null){

console.log('city', city)

var key = '5c9c57526e87675e29e6dc4028ccb393';

$.ajax({

url: 'api.openweathermap.org/.../weather',

dataType: 'json',

type: 'GET',

data: {q: city, appid: key, units: 'imperial'},

success: function(data){

var wf = '';

$.each(data.weather, function(index, val){

wf += '<p><b>' + data.name + "<b><img src=openweathermap.org/.../w"+ val.icon + ".png></p>" +

data.main.temp + '°F' + ' | ' + val.main + ", " +

val.description

});

$("#showWeatherForecast").html(wf);

},

error: function error(data) {

console.log(data);

}

})
}
else
{
document.write("Address (City) Information Unavailable");
}
});

</script>

</body></html>