Buyurun Hocam ,
<!DOCTYPE html>
<html>
<head>
<style>
.counter {
font-size: 48px;
text-align: center;
margin-top: 200px;
}
</style>
</head>
<body>
<div class="counter" id="counter">Loading...</div>
<script>
// Sayı dizinini oluşturan fonksiyon
function generateNumber() {
var firstPart = Math.floor(Math.random() * 900) + 100; // Üç haneli rastgele sayı
var secondPart = Math.floor(Math.random() * 10); // Bir haneli rastgele sayı
return firstPart + '.' + secondPart;
}
// Sayaçı güncelleyen fonksiyon
function updateCounter() {
var counterElement = document.getElementById('counter');
counterElement.innerText = generateNumber();
}
// Gece yarısında sayaçı güncelleyen fonksiyon
function resetCounter() {
updateCounter(); // İlk sayıyı oluştur
setInterval(updateCounter, 86400000); // Her 24 saatte bir güncelle (24 saat = 86400000 milisaniye)
}
// Sayfa yüklendiğinde sayaçı başlat
window.onload = resetCounter;
</script>
</body>
</html>Bu örnek kod, counter adlı bir div içinde sayı dizinini görüntüler. Sayaç, sayfa yüklendiğinde resetCounter fonksiyonunu çağırarak başlatılır. resetCounter fonksiyonu, ilk sayıyı oluşturur ve ardından her 24 saatte bir updateCounter fonksiyonunu çağırarak sayı dizinini günceller.
generateNumber fonksiyonu, rastgele üç haneli ve bir haneli sayıları oluşturur ve birleştirerek sayı dizinini döndürür. Bu sayı dizini, updateCounter fonksiyonu tarafından counter elementinin içine yerleştirilir.
Not: Bu kod sadece istemci tarafında (tarayıcıda) çalışır ve her kullanıcı için ayrı bir sayaç oluşturur. Tarayıcıyı yenilemek veya sayfayı kapatıp açmak, sayaçı sıfırlar. Eğer sunucu tarafında verilerin saklanması ve kullanıcılar arasında paylaşılması gerekiyorsa, farklı bir yaklaşım gerekebilir.