Cześć,
Chciałabym przeładować (tzn. wyczyścić pamięć podręczną) moją stronę internetową, którą zaktualizowałam.
Próbuję różnych porad, tak aktualnie wygląda strona:
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="5" >
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<title>HEADER</title>
<link rel="stylesheet" href="style_1.css">
<!-- OVERLAP ICON -->
<link rel="icon" type="image/png" href="img/mgl.png"/>
<!-- FONTS --->
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bebas" type="text/css"/>
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="scripts.js"></script>
</head>
<body>
<header>
<div class="container_countdown" id="countdown">
<div class="container_table">
<!-- TABLE -->
<div class="row countdown_row margin">
<div class="col-md-12">
<p class="countdown_header_text main"/>LOREM</p>
</div>
</div>
<div class="row countdown_row">
<div class="col-md-3">
<p class="countdown_header_text header"/>DAYS</p>
<p class="countdown_header_text timer" id="day">x</p>
</div>
<div class="col-md-3">
<p class="countdown_header_text header"/>HOURS</p>
<p class="countdown_header_text timer" id="hours">x</p>
</div>
<div class="col-md-3">
<p class="countdown_header_text header"/>MINUTES</p>
<p class="countdown_header_text timer" id="minutes">x</p>
</div>
<div class="col-md-3">
<p class="countdown_header_text header"/>SECONDS</p>
<p class="countdown_header_text timer" id="seconds">x</p>
</div>
</div>
</div>
</div>
</header>
</body>
<script>
var countDownDate = new Date(Date.UTC(2019,03,23,15,0,0,0)).getTime();
var x = setInterval(function()
{
var date = new Date();
var now = date.getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("day").innerHTML = days;
document.getElementById("hours").innerHTML = hours;
document.getElementById("minutes").innerHTML = minutes;
document.getElementById("seconds").innerHTML = seconds;
if (distance < 0)
{
clearInterval(x);
document.getElementById("countdown").innerHTML = "";
window.location.href = 'url';
}
}, 1000);
</script>
Wcześniej nie posiadałam met odpowiedzialnych za czyszczenie cache. Dodałam je dopiero w aktualizacji.
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
Podsumowując, chciałabym zmienić przykładowo jakiś tekst na stronie, wrzucić na serwer i aby każdy odwiedzający bez czyszczenia pamięci podręcznej widział najnowszą wersję strony.