^^&&^^

Edit File: sayac.php

<?php

if( class_exists( 'CSF' ) ) {

CSF::createWidget( 'orun_widget_sayac_modulu', array(

'title'       => esc_html__( 'Oruno - Sayaç Modülü', 'orun' ),

'class'       => 'orun-widget-fields',

'classname'   => 'orun-widget-post-module-5',

'description' => esc_html__( 'Sınavlara kalan zaman sayaçlarını yansıtan modülümüz.', 'orun' ),

'fields'      => array(

array(

'id'    => 'title',

'type'  => 'text',

'title' => esc_html__( 'Başlık:', 'orun' ),

'subtitle' => esc_html__( 'Yks sayacının başlığını girin.', 'orun' ),

'help' => esc_html__( 'Yks sayacının başlığını girin. Boş bırakırsanız modülün başlığı görünmez.', 'orun' ),

'default' => 'YKS\'ye kaç gün kaldı? '

array(

'id'    => 'title1',

'type'  => 'text',

'title' => esc_html__( 'Başlık:', 'orun' ),

'subtitle' => esc_html__( 'KPSS sayacının başlığını girin.', 'orun' ),

'help' => esc_html__( 'KPSS sayacının başlığını girin. Boş bırakırsanız modülün başlığı görünmez.', 'orun' ),

'default' => 'KPSS\'ye kaç gün kaldı? '

)

) );

if( ! function_exists( 'orun_widget_sayac_modulu' ) ) {

function orun_widget_sayac_modulu( $args, $instance ) {

if ( ! empty( $instance['title'] ) ) {

echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ) . $args['after_title'];

}

<style>

.time_circles {

display: flex;

justify-content: center;

align-items: center;

flex-wrap: wrap;

}

.textDiv {

margin: 0 27px;

text-align: center;

flex-basis: calc(50% - 10px); /* Yeni ekledik */

margin-bottom: 10px;

}

.textDiv div {

border-radius: 50%;

display: flex;

justify-content: center;

align-items: center;

width: 150px;

height: 150px;

}

.textDiv h3, .textDiv span {

color: #000;

font-size: 23px;

line-height: 12px;

margin: 0;

}

@media screen and (min-width: 768px) {

.textDiv {

flex-basis: auto;

margin-bottom: 0;

}

</style>

<div>

</div>

<div>

</div>

<h3 style="margin-bottom:18px;">Dakika</h3>

<div>

</div>

<h3 style="margin-bottom:18px;">Saniye</h3>

<div>

</div>

<?php

if ( ! empty( $instance['title1'] ) ) {

echo $args['before_title'] . apply_filters( 'widget_title', $instance['title1'] ) . $args['after_title'];

}

<div>

</div>

<div>

</div>

<h3 style="margin-bottom:18px;">Dakika</h3>

<div>

</div>

<h3 style="margin-bottom:18px;">Saniye</h3>

<div>

</div>

// YKS için geri sayım

var targetDate_YKS = new Date('2024-06-08T00:00:00').getTime(); // Hedef tarih: 8 Haziran 2024 00:00:00

// Her 1 saniyede bir güncelleme yap

var countdown_YKS = setInterval(function() {

var now = new Date().getTime();

var distance = targetDate_YKS - now;

// Gün, saat, dakika ve saniye hesaplama

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);

// HTML elementlerini güncelle

document.getElementById('days').innerText = days;

document.getElementById('hours').innerText = hours;

document.getElementById('minutes').innerText = minutes;

document.getElementById('seconds').innerText = seconds;

// Eğer hedef tarih geçildiyse, countdown'ı durdur

if (distance < 0) {

clearInterval(countdown_YKS);

document.getElementById('days').innerText = '0';

document.getElementById('hours').innerText = '0';

document.getElementById('minutes').innerText = '0';

document.getElementById('seconds').innerText = '0';

}

}, 1000);

</script>

// KPSS için geri sayım

var targetDate_KPSS = new Date('2024-07-14T00:00:00Z').getTime(); // Hedef tarih: 14 Temmuz 2024 00:00:00

// Her 1 saniyede bir güncelleme yap

var countdown_KPSS = setInterval(function() {

var now = new Date().getTime(); // Şu anki zamanı al

// Hedef tarihten bugüne kadar kalan zamanı hesapla

var distance = targetDate_KPSS - now;

// Gün, saat, dakika ve saniye hesaplamaları

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);

// HTML'de ilgili yerlere değerleri yerleştir

document.getElementById("dayskpss").innerHTML = days;

document.getElementById("hourskpss").innerHTML = hours;

document.getElementById("minuteskpss").innerHTML = minutes;

document.getElementById("secondskpss").innerHTML = seconds;

// Eğer hedef tarih geçmişse, zamanlayıcıyı durdur

if (distance < 0) {

clearInterval(countdown_KPSS);

document.getElementById("dayskpss").innerHTML = 0;

document.getElementById("hourskpss").innerHTML = 0;

document.getElementById("minuteskpss").innerHTML = 0;

document.getElementById("secondskpss").innerHTML = 0;

}

}, 1000); // 1 saniyede bir güncelle

</script>

<?php

}