<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ankara Sahur ve İftar Vakitleri</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
padding: 20px;
margin: 0;
}
.container {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: inline-block;
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
h1 {
font-size: 24px;
margin-bottom: 10px;
}
p {
font-size: 18px;
margin: 5px 0;
}
.countdown {
font-size: 24px;
font-weight: bold;
color: #d35400;
}
/* Mobil uyumlu tasarım */
@media (max-width: 600px) {
h1 {
font-size: 20px;
}
p, .countdown {
font-size: 16px;
}
.container {
padding: 15px;
box-shadow: none;
margin: 10px;
}
}
@media (max-width: 400px) {
h1 {
font-size: 18px;
}
p, .countdown {
font-size: 14px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>Ankara Sahur ve İftar Vakitleri</h1>
<p><strong>Bugünün Tarihi:</strong> <span id="today"></span></p>
<p><strong>Sahur Vakti:</strong> <span id="sahurTime"></span></p>
<p><strong>İftar Vakti:</strong> <span id="iftarTime"></span></p>
<h2>Geri Sayım</h2>
<p class="countdown" id="countdown"></p>
</div>
<script>
// Ankara için sabit sahur ve iftar saatleri
const vakitler = {
"01-03-2025": { sahur: "05:52", iftar: "18:47" },
"02-03-2025": { sahur: "05:51", iftar: "18:48" },
"03-03-2025": { sahur: "05:49", iftar: "18:49" },
"04-03-2025": { sahur: "05:48", iftar: "18:50" },
"05-03-2025": { sahur: "05:46", iftar: "18:51" },
"06-03-2025": { sahur: "05:45", iftar: "18:52" },
"07-03-2025": { sahur: "05:43", iftar: "18:53" },
"08-03-2025": { sahur: "05:42", iftar: "18:54" },
"09-03-2025": { sahur: "05:40", iftar: "18:56" },
"10-03-2025": { sahur: "05:38", iftar: "18:57" },
"11-03-2025": { sahur: "05:37", iftar: "18:58" },
"12-03-2025": { sahur: "05:35", iftar: "18:59" },
"13-03-2025": { sahur: "05:34", iftar: "19:00" },
"14-03-2025": { sahur: "05:32", iftar: "19:01" },
"15-03-2025": { sahur: "05:30", iftar: "19:02" },
"16-03-2025": { sahur: "05:28", iftar: "19:03" },
"17-03-2025": { sahur: "05:27", iftar: "19:04" },
"18-03-2025": { sahur: "05:25", iftar: "19:05" },
"19-03-2025": { sahur: "05:23", iftar: "19:06" },
"20-03-2025": { sahur: "05:22", iftar: "19:07" },
"21-03-2025": { sahur: "05:20", iftar: "19:08" },
"22-03-2025": { sahur: "05:18", iftar: "19:09" },
"23-03-2025": { sahur: "05:16", iftar: "19:10" },
"24-03-2025": { sahur: "05:15", iftar: "19:11" },
"25-03-2025": { sahur: "05:13", iftar: "19:12" },
"26-03-2025": { sahur: "05:11", iftar: "19:13" },
"27-03-2025": { sahur: "05:09", iftar: "19:14" },
"28-03-2025": { sahur: "05:07", iftar: "19:15" },
"29-03-2025": { sahur: "05:06", iftar: "19:16" }
};
function updateTime() {
const today = new Date();
const formattedToday = `${today.getDate().toString().padStart(2, '0')}-${(today.getMonth() + 1).toString().padStart(2, '0')}-${today.getFullYear()}`;
document.getElementById("today").innerText = formattedToday;
if (vakitler[formattedToday]) {
document.getElementById("sahurTime").innerText = vakitler[formattedToday].sahur;
document.getElementById("iftarTime").innerText = vakitler[formattedToday].iftar;
startCountdown(vakitler[formattedToday]);
} else {
document.getElementById("sahurTime").innerText = "Bilinmiyor";
document.getElementById("iftarTime").innerText = "Bilinmiyor";
startCountdown({ sahur: "00:00", iftar: "00:00" });
}
}
function startCountdown(times) {
function updateCountdown() {
const now = new Date();
const sahur = new Date(now.toDateString() + ' ' + times.sahur);
const iftar = new Date(now.toDateString() + ' ' + times.iftar);
let target, label;
// Önce iftarın zamanını kontrol edelim
if (now < iftar) {
target = iftar;
label = "İftara Kalan Süre";
}
// Eğer iftar geçmişse sahura kalan süreyi hesaplayalım
else if (now < sahur) {
target = sahur;
label = "Sahura Kalan Süre";
}
// Eğer sahur da geçmişse yeni günü bekleyin diyelim
else {
document.getElementById("countdown").innerText = "Yeni günü bekleyin...";
return;
}
let diff = Math.floor((target - now) / 1000);
let hours = Math.floor(diff / 3600);
let minutes = Math.floor((diff % 3600) / 60);
let seconds = diff % 60;
document.getElementById("countdown").innerText = `${label}: ${hours} saat ${minutes} dakika ${seconds} saniye`;
}
updateCountdown();
setInterval(updateCountdown, 1000);
}
updateTime();
</script>
</body>
</html>Selamlar ankara için sahur ve iftar sayacı sahura kalan zamanı ve iftara kalan zamanı gösterir zaman gelince geldi diye tarayıcı bildirimi atar tamam dersiniz HTML kodludur masaüstünüze sitenize ekleyebilirsiniz mobil uyumludur (SADECE ANKARA VAKİTLERİDİR İLİNİZE ÖZEL DÜZENLEME YAPABİLİRSİNİZ APİSİZDİR) İYİ FORUMLAR HAYIRLI RAMAZANLAR İLK SAHUR BU GECESAYAÇTAN GÖRSEL
