WordPress İleri Doğru Zaman Sayacı Lazım - Yardım Talebi

Arkadaşlar hepimiz şu geri sayım sayaçlarını biliriz hani 10 gün 2 saat 5 dakika 30 saniye sonra site açılacak gibisinden vs.. Bana bunun tam tersi lazım ama bulamadım bir türlü.. ChatGPT'ye yazdırayım dedim oda yazdı ama bir taraftan yapıyor sitedeki başka bir yeri bozuyor oda işe yaramadı.. Bana belirttiğim tarihten itibaren ileri doğru sayacak bir gerçek zamanlı sayaç gerekli.. Yani 1 gün 2 saat 15 dakia 32 saniye önce sitemiz açıldı gibisinden ileri doğru sayacak zamanı ve saniye dahil tüm verilenc anlı olarak ileri gitmeye devam edecek sadece sayfaya ilk girince yada yenileyince değil.. Bunu yapan bir eklenti vs bilen var mı ben bulamadımda hepsi geri sayım şeklinde çalışıyor

Şurada doğru dürüst çalışan bir tane buldum ama wp'de istediğim yerde shortcode ile kullanılır şekle nasıl getirilir bilemiyorum..

https://codepen.io/AdrenalineTR/pen/pbXxej

Merhaba

Şunu deneyin bakalım çalışacak mı:

functions.php dosyasına şu fonksiyonu ekleyin:

function site_age(){
    $start_date = strtotime("2023-12-02"); // Sitenizin oluşturulma tarihini girin
    $current_date = time();
    $difference = $current_date - $start_date;
    $years = floor($difference / (365 * 60 * 60 * 24));
    $months = floor(($difference - $years * 365 * 60 * 60 * 24) / (30 * 60 * 60 * 24));
    $days = floor(($difference - $years * 365 * 60 * 60 * 24 - $months * 30 * 60 * 60 * 24) / (60 * 60 * 24));

    echo "Sitemiz " . $years . " yıl, " . $months . " ay, " . $days . " gün yayında.";
}

Tema dosyanızda her hangi bir yere bunu ekleyin:

<?php site_age(); ?>

Hem geri sayım hem timer olarak kullanabileceğiniz "Counter Box" eklentisini tavsiye ederim.

Şu eklentiye göz atabilir misiniz? Kronometre görevi görmektedir. Geriye değil ileriye dönük.
https://wordpress.com/plugins/simple-stopwatch

Maalesef hocam çalışmadı..

Onu zaten denedim hocam ileri doğru saymıyor..

Bu kronometre hocam sadece start stop tuşu çıkıyor starta basınca saniye işlemeye başlıyor stop edince duruyor..

functions.php ye aşağıdaki kodu ekleyin

function ileri_sayici_shortcode($atts) {
    ob_start();
    ?>
    <script>
        function ileriSayici(baslangicTarih) {
            const baslangicZamani = new Date(baslangicTarih).getTime();
            const timer = setInterval(function () {
                const gecenZaman = new Date().getTime() - baslangicZamani;
                const gecenGun = Math.floor(gecenZaman / (24 * 60 * 60 * 1000));
                const gecenSaat = Math.floor((gecenZaman % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
                const gecenDakika = Math.floor((gecenZaman % (60 * 60 * 1000)) / (60 * 1000));
                const gecenSaniye = Math.floor((gecenZaman % (60 * 1000)) / 1000);

                document.getElementById('sayacSonuc').innerHTML = `
                  Geçen Süre:
                  Gün: ${gecenGun}
                  Saat: ${gecenSaat}
                  Dakika: ${gecenDakika}
                  Saniye: ${gecenSaniye}
                `;
            }, 1000);
        }

        const baslangicTarih = '<?php echo esc_js($atts['baslangic_tarih']); ?>';

        ileriSayici(baslangicTarih);
    </script>
    <div id="sayacSonuc"></div>
    <?php
return ob_get_clean();
}
add_shortcode('sayac', 'ileri_sayici_shortcode');

temanıza görünmesini istediğiniz yere kısa kod ekleyin

[sayac baslangic_tarih="01/10/2023 13:00:00"]

sonuç



sonuç:
canlı sayaçlar için javascript kullanmalısınız

Hocam çok teşekkür ederim.. Acaba kodu Yıl - Ay - Gün - Saat - Dakika - Saniye olarak nasıl güncellerim?

Birde hocam başlangıç koduna [sayac baslangic_tarih="01/12/2023 00:00:00"] yazdım. Yani 2 gün öncesini... Geçen Süre: Gün: 324 Saat: 22 Dakika: 53 diyor.. Günle ayın yerini değiştirdim yanlış mı acaba diye 324 gün diyor..

kodu aşağıdaki gibi güncelleyin. ayrıca kısa koda 2023-12-01T11:00:00 şeklinde ekleyin (yıl-ay-günTsaat:dakika:saniye)

function ileri_sayici_shortcode($atts) {
    ob_start();
    ?>
    <script>
        function ileriSayici(baslangicTarih) {
            const baslangicZamani = new Date(baslangicTarih).getTime();
            const timer = setInterval(function () {
                const gecenZaman = new Date().getTime() - baslangicZamani;
                const gecenYil = Math.floor(gecenZaman / (365*24 * 60 * 60 * 1000));
                const gecenAy = Math.floor(gecenZaman / (30*24 * 60 * 60 * 1000));
                const gecenGun = Math.floor(gecenZaman / (24 * 60 * 60 * 1000));
                const gecenSaat = Math.floor((gecenZaman % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
                const gecenDakika = Math.floor((gecenZaman % (60 * 60 * 1000)) / (60 * 1000));
                const gecenSaniye = Math.floor((gecenZaman % (60 * 1000)) / 1000);

                document.getElementById('sayacSonuc').innerHTML = `
                  Geçen Süre:<br>
                  Yıl: ${gecenYil}<br>
                  Ay: ${gecenAy}<br>
                  Gün: ${gecenGun}<br>
                  Saat: ${gecenSaat}<br>
                  Dakika: ${gecenDakika}<br>
                  Saniye: ${gecenSaniye}<br>
                `
            }, 1000);
        }

        const baslangicTarih = '<?php echo esc_js($atts['baslangic_tarih']); ?>';

        ileriSayici(baslangicTarih);
    </script>
    <div id="sayacSonuc"></div>
    <?php
return ob_get_clean();
}
add_shortcode('sayac', 'ileri_sayici_shortcode');

sağol hocam.. kısa kod şu mu oluyor yani [2023-12-01T11:00:00]