web site titlesinde geri sayım görünsün

25-03-2024, 15:09:22

#1

rixez

merhaba

web sitelerine eklenen geri sayım sayacının title de görünmesini nasıl sağlarım ?

25-03-2024, 15:13:29

#2

barisdogansutcu

JavaScript ile yapabilirsin. Seo konusunda negatif bir durum olur mu bilemiyorum.

25-03-2024, 15:13:56

#3

ThawRakhtif

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geri Sayım</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="countdown">
<h1>Geri Sayım</h1>
<div id="countdown"></div>
</div>

<script src="script.js"></script>
</body>
</html>

Javascript

// Hedef tarih
var countDownDate = new Date("Mar 31, 2024 00:00:00").getTime();

// Her saniyede bir geri sayımı güncelle
var x = setInterval(function() {

// Bugünkü tarih ve saat
var now = new Date().getTime();

// Aradaki farkı bul
var distance = countDownDate - now;

// Gün, saat, dakika ve saniye hesapla
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);

// Geri sayımı HTML'e yazdır
document.getElementById("countdown").innerHTML = days + " gün " + hours + " saat "
+ minutes + " dakika " + seconds + " saniye ";

// Süre bittiğinde mesaj göster
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "Süre doldu";
}
}, 1000);

Csss

.countdown {
text-align: center;
margin-top: 50px;
}

#countdown {
font-size: 36px;
font-weight: bold;
}

25-03-2024, 15:49:01

#4

rixez

sitenin <title> </title> sinde görünnüyor ?

25-03-2024, 15:56:24

#5

Nookta

rixez adlı üyeden alıntı: mesajı görüntüle

merhaba

web sitelerine eklenen geri sayım sayacının title de görünmesini nasıl sağlarım ?

SEO için problem yaratabilir bilgine

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geri Sayım Başlığı</title>
    <script>
        // Geri sayım zamanını hesapla
        var countDownDate = new Date("Mar 31, 2024 00:00:00").getTime();

        // Sayfa her saniye yenilendiğinde geri sayımı güncelle
        var x = setInterval(function() {

            // Şu anki zamanı al
            var now = new Date().getTime();
            
            // Geri sayım için kalan zamanı bul
            var distance = countDownDate - now;
            
            // Gün, saat, dakika ve saniye hesapla
            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);
            
            // Title etiketini güncelle
            document.title = days + "g " + hours + "s " + minutes + "d " + seconds + "sn ";
            
            // Geri sayım tamamlandıysa, sonlandır
            if (distance < 0) {
                clearInterval(x);
                document.title = "Geri sayım tamamlandı";
            }
        }, 1000);
    </script>
</head>
<body>
    <!-- Geri sayım sayacınızın HTML kodunu buraya ekleyin -->
</body>
</html>

25-03-2024, 16:52:53

#6

rixez

site içinde bir sayfada kullanacağım. teşekkürler. çalıştı