<!DOCTYPE html>
<head>
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> <!-- meta pour config le responsive -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- appelle de la librairie jquery -->
<link rel="stylesheet" href="index.css"> <!-- appelle de la page de style -->
<title>Sonde</title> <!-- titre de la page -->
<script type="text/javascript"> <!-- fonction JavaScript qui rafraîchie la div data -->
var auto_refresh = setInterval(
function () {
$('#data').load('data.php').fadeIn("slow"); // on charge la page data.php dans la div data
}, 30000); // toutes les 30 secondes
</script>
</head>
<body>
<h1>Sonde DHT</h1>
<div id="data"> <!-- la div data -->
<?php require "data.php"; ?> <!-- inclue la page data.php -->
</div>
</body>
</html>