How do i set caches expiration time through javascript using service worker or cache object

Question

I am able to delete cache data using delete method. But i want to automatically delete cache data using expiration time. example it should get deleted in 6 hours.

caches.delete(cacheName).then(function(boolean) {
  // your cache is now deleted
});

Answer 1

Before sending a cached file to client, You can check when file have been fetch and if it's too old, fetch a new one :

const url = request.url;
caches.open(cacheName).then(cache => {
  cache.match(url).then(response => {
    if(!response) {
      return fetch(url);
    }

    const date = new Date(response.headers.get('date'))
    // if cached file is older than 6 hours
    if(Date.now() > date.getTime() + 1000 * 60 * 60 * 6){
      return fetch(url);
    }

    // else return cached version
    return response;
  })
})