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..