File: C:/xampp/htdocs/cieclock/cieclock.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timezone Detection</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Function to refresh the first table content
function refreshTable1() {
$.ajax({
url: "refresh_table.php", // Path to your PHP script that generates the first table content
type: "GET",
success: function(data) {
$("#table-container").html(data); // Replace the content of the first table container with the updated content
}
});
}
// Function to refresh the second table content
function refreshTable2() {
$.ajax({
url: "refresh_table2.php", // Path to your PHP script that generates the second table content
type: "GET",
success: function(data) {
$("#table2-container").html(data); // Replace the content of the second table container with the updated content
}
});
}
// Function to refresh the third table content
function refreshTable3() {
$.ajax({
url: "refresh_table3.php", // Path to your PHP script that generates the third table content
type: "GET",
success: function(data) {
$("#table3-container").html(data); // Replace the content of the third table container with the updated content
}
});
}
function phpclock() {
$.ajax({
url: "phpclock.php", // Path to your PHP script that generates the third table content
type: "GET",
success: function(data) {
$("#phpclock-container").html(data); // Replace the content of the third table container with the updated content
}
});
}
function phpclock2() {
$.ajax({
url: "phpclock2.php", // Path to your PHP script that generates the third table content
type: "GET",
success: function(data) {
$("#phpclock2-container").html(data); // Replace the content of the third table container with the updated content
}
});
}
// Call the refreshTable functions for each table every one second
setInterval(refreshTable1, 1000); // 1000 milliseconds = 1 second
setInterval(refreshTable2, 1000);
setInterval(refreshTable3, 1000);
setInterval(phpclock, 1000);
setInterval(phpclock2, 1000);
});
</script>
</head>
<?php
//$i=$i+1;
?>
<body style="background-color:<?php echo "ffffff";?>">
<div id="table3-container">
<!-- Table content will be loaded here -->
</div>
<div id="table2-container">
<!-- Table content will be loaded here -->
</div>
<div id="table-container">
<!-- Table content will be loaded here -->
</div>
<div id="phpclock-container">
<!-- Table content will be loaded here -->
</div>
</body>
</html>