FANDOM


Countdown komutu belirtilen yerde bir geri sayım saati oluşturur.

Ne yapar

Sayfaya hedef tarihi olan bir öğe eklerseniz, bu komut dosyası, bu tarihin gün/saat/dakika/saniye sayısına ulaşana kadar bu tarihi geri sayım ile değiştirir.

Kurulum

Ayrıca bakınız: Help:Advanced CSS and JS

Yeni MediaWiki:ImportJS kullanarak, bunu hemen ekleyerek wikinize ekleyebilirsiniz:

dev:Countdown/code.js

Bunu daha eski bir şekilde eklemek istiyorsanız, aşağıdakileri kopyalayıp wikinizin MediaWiki:Common.js sayfasına yapıştırın:

importArticles({
    type: "script",
    articles: [
        "w:c:dev:MediaWiki:Countdown/code.js"
    ]
});

MediaWiki:Common.js sayfanız yukarıdaki gibi bir içe aktarma içeriyorsa, buraya bakın.

Geri sayım oluşturma

Aşağıdaki format kullanılarak bir sayfaya geri sayım eklenebilir.:
<span class="countdown" style="display:none;">Sadece <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...</span>
"Geri sayım" içindeki metin yalnızca geri sayım etkin olduğunda görünür. "Geri sayım tarihi"nden önceki herhangi bir metin geri sayımdan önce gelir ve "Geri sayım tarihi" sonrasındaki herhangi bir metin geri sayımı izler.

Yukarıdaki örnek:

(Geri sayım örneği)


Geri sayım komutu çalışmadığında veya yüklenirken, "nocountdown" sınıfı olan isteğe bağlı bir aralık alternatif metin olarak kullanılabilir.

  • ör. <span class="nocountdown">Neredeyse yeni yıl!</span> sonuklanarak
    "Neredeyse yeni yıl!" komut dosyası yüklenirken kullanılır.

Bu aralık, doğrudan geri sayım kodundan sonra yerleştirilmelidir.

Zaman dilimleri

Yukarıdaki örnek kodu kullanarak, geri sayım okuyucunun sistem saatine göre çalışır. Bu, yeni yıla geri sayım gibi durumlarda faydalı olsa da, diğerlerinde pratik değildir.

Geri sayımın belirli bir zaman dilimine göre çalışması için iki yöntem kullanılabilir. En kolay olan, saat dilimi tanımlayıcısını kodun sonuna eklemektir. Örneğin, Doğu Standart Saati (EST) için geri sayım yapmak:

<span class="countdowndate">January 01 2021 00:00:00 EST</span>

Bu yöntem çoğu tanımlayıcıyla çalışsa da, bazı gün ışığından yararlanma varyasyonları için çalışmaz (örneğin, İngiliz Yaz Saati - BST).

Alternatif ve daha güvenilir bir yöntem, Koordineli Evrensel Saat (UTC) ofsetini kodun sonuna eklemektir. Örneğin, -5 saatlik bir ofset olan EST için geri sayım yapmaktır:

<span class="countdowndate">January 01 2021 00:00:00 -0500</span>

Gün ışığından yararlanma ve yapılan değişiklikler otomatik olarak yapılmaz ve kullanıcı tarafından - gün ışığı tasarruf tanımlayıcısıyla veya UTC ofset kullanılarak yapılmalıdır.

Seçenekler

Geri Sayımı Bitirme

İndirmenin nasıl bitmesini istersiniz? Beş seçenek var:

  1. sıfırdan saymak - bu eski nedenlerden dolayı varsayılan
  2. geri sayım kabının çıkarılması
  3. geri sayımı sıfırda durdurma
  4. geri sayımı başka bir şeyle değiştirme
  5. seçtiğiniz bir özel JavaScript işlevini koyma

Sayma

Bu varsayılan seçenek olduğundan, hiçbir şey yapmanıza gerek yoktur.

Kaldır

Kapsayıcıya "remove" değerine sahip bir data-end niteliği ekleyin:

<span data-end="remove" class="countdown" style="display:none;"><!--
-->Only <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...<!--
--></span>

Dur

Kapsayıcıya "stop" değerine sahip bir data-end niteliği ekleyin:

<span data-end="stop" class="countdown" style="display:none;"><!--
-->Only <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...<!--
--></span>

Yerleştirme

Kapsayıcıya "toggle" değerine sahip bir data-end niteliği ekleyin. Ayrıca, değiştirmeyi işaret eden bir seçiciyle bir data-toggle niteliği eklemeniz gerekir:

<span data-end="toggle" data-toggle=".post-countdown" class="countdown" style="display:none;"><!--
-->Only <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...<!--
--></span><span class="post-countdown" style="display:none;">Happy 2021!</span>

data-toggle değerindeki noktayı not edin! Beklenen değer bir CSS veya jQuery seçicidir. Demek sınıflar için ".name". Kimlikler için "#name" vb.

Alternatif olarak, geçiş konteyneri tezgahtan sonra aşağıdakilerden biriyse, herhangi bir seçiciyi belirtmeye gerek kalmadan data-toggle="next" özel değeri kullanılabilir. Örneğin bir şablonun parçası olarak birden fazla geri sayım kullanıldığında kullanışlıdır.

Özel Geri Arama

Kapsayıcıya "callback" değerine sahip bir data-end niteliği ekleyin. Ek olarak, aramak istediğiniz işlevin adını içeren bir data-callback niteliği eklemeniz gerekir:

<span data-end="callback" data-callback="myFunction" class="countdown" style="display:none;"><!--
-->Only <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...<!--
--></span>

Geri sayım sıfırda duracak ve sonra fonksiyonunuz aranacaktır. Geri sayım kabı, işlevin this nesnesi olacaktır.

Fonksiyonu Geri Sayım modülünde kullanılabilir kılmak için, modülün kendisine eklemeniz gerekir:

window.countdownTimer = {
    myFunction: function () {
       $(this).text('Mutlu 2021!');
    }
}

Öncü Sıfırları

Varsayılan olarak baştaki sıfırlar gösterilecektir:

0 gün, 0 saat, 10 dakika ve 10 saniye

Bunun yerine bunu tercih ederseniz:

10 dakika ve 10 saniye

"no-leading-zro" değerine sahip bir data-options niteliği eklemeniz gerekir:

<span data-options="no-leading-zeros" class="countdown" style="display:none;"><!--
-->Only <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...<!--
--></span>

Kısa biçim

Geri sayımı tam sözcük yerine 2g 5s 30d 1s gibi kısa bir biçimde göstermeyi tercih ederseniz, "short" değerine sahip bir data-options özniteliği eklemeniz gerekir.

data-options özelliğini zaten ayarladıysanız, bunları bir boşlukla ayıran tüm seçenekleri ekleyin:

<span data-options="no-leading-zeros short-format" class="countdown" style="display:none;"><!--
-->Only <span class="countdowndate">January 01 2021 00:00:00</span> yeni yıla kadar...<!--
--></span>

Dinamik içerik

Bu komut dosyası, makale yorumları veya editör önizlemeleri gibi dinamik olarak eklenen içerikleri destekler. Ancak, JavaScript aracılığıyla bir sayaç eklerseniz, bu etkinliği ekledikten sonra başlatmanız gerekir:

mw.hook('wikipage.content').fire($('ELEMENT'));

Burada ELEMENT sayacın yerleştirildiği öğeye bir seçicidir.

Yerelleştirme

Yerelleştirilmiş mesajlar anahtar olarak dil kodu kullanılarak eklenebilir ve ardından mesajlar için bir nesne oluşturulabilir. İngilizce dili için kullanılan varsayılan mesajları geçersiz kılmak için aşağıdaki örneğe bakın.

countdownTimer.translations = { 
    tr: {
        and: 've',
        second: 'saniye',
        seconds: 'saniye',
        minute: 'dakika',
        minutes: 'dakika',
        hour: 'saat',
        hours: 'saat',
        day: 'gün',
        days: 'gün'
    }
};

Çeviri ekleme

Aşağıdaki zaman aralıklarının yerel eşdeğerleri kod tarafından istenir:

  • saniye
  • dakika
  • saat
  • gün

Ayrıca, yerelleştirilmiş "ve" sürümü de gereklidir.

Yardım etmek isterseniz, lütfen komutun konuşma sayfası bölümüne konuşun (ya da doğrudan rahatlıkla MediaWiki:Countdown/code.js bölümüne ekleyin.).

Büyük Güncellemeler

21 Ekim 2017
Jorgemg14: kısa format seçeneği eklendi
15 Haziran 2017
Jorgemg14: dinamik içerik desteği
9 Aralık 2012
Pecoes: yeniden yazma ve birkaç seçeneğin eklenmesi
28 Haziran 2012
Eladkse: basitleştirilmiş tekil/çoğul kod.
31 Ocak 2012
Eladkse: Dantman tarafından yerelleştirme kodu eklendi.
July 7, 2011
Eladkse: tekil ve çoğul zaman biçimlerinin tanımlanmasına izin vermek için kod eklendi.
Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+